咏竹莉
where there is a will,there is a way

随笔分类 -  echarts

echarts 柱状图分段
摘要:示例: 代码: const spirit = 'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAACUCAYAAACtHGabAAAACXBIWXMAABcSAAAXEgFnn9JSAAAKTWlDQ1BQaG90b3Nob3Ag 阅读全文
posted @ 2021-10-19 15:07 咏竹莉 阅读(697) 评论(0) 推荐(0)
vue 中使用多个echarts 适应屏幕缩放
摘要:data () { return { resizeTimer: null, myChart1: null, myChart2: null, myChart3: null, myChart4: null } }, methods: { // 综合得分 雷达图 getScoreChart () { le 阅读全文
posted @ 2021-06-25 17:42 咏竹莉 阅读(336) 评论(0) 推荐(0)
tootip 自定义 返回年月日
摘要:let fireMonitorSub = echarts.init(document.getElementById('fireMonitor')) let carInfoOption = { tooltip: { trigger: 'axis', backgroundColor: 'rgba(30, 阅读全文
posted @ 2021-04-14 14:33 咏竹莉
饼图 图例百分比, 饼图渐变
摘要:$scope.energyRatioData = [ {value: 1048, name: '报警'},{value: 735, name: '故障'},{value: 580, name: '正常'},{value: 484, name: '离线'}, ] $scope.energyRatioO 阅读全文
posted @ 2021-04-14 10:30 咏竹莉
echarts坐标轴的name属性更改位置
摘要:name: 'name', nameTextStyle: { padding: [0, 0, 0, -10] // 四个数字分别为上右下左与原位置距离 } 阅读全文
posted @ 2021-03-30 14:10 咏竹莉