09 2021 档案
摘要：echarts自定义平均线样式 自定义平均线样式 效果： 代码： series: [ { name: val, type: 'bar', barWidth: 40,//柱子宽度 label: { show: true }, data: this.sortData(val), markLine: {
阅读全文
摘要：echarts自定义tooltip提示框 系列名 数据名 + ':' + 数据值 + '单位' tooltip: { trigger: "axis", formatter: function (params) { var relVal = params[0].name for (var i = 0,
阅读全文
摘要：全局zomm缩放后echarts鼠标偏移的问题 最近项目里需要做很多图表，但所有的图表都有一个问题，就是鼠标hover触发位置与鼠标实际位置有偏差 举个例子： 柱状图鼠标移动到第二个柱子的时候却触发第一个柱子的tooltip提示框 最后发现问题所在是项目在main.vue里为适配不同分辨率的设备
阅读全文
摘要：echarts总结 echarts 初始化必须指定容器的宽高 options配置项 图表grid与canvas的距离 grid: { left: '300px', right: '150px', bottom: '25px' }, 提示框 tooltip: { trigger: "axis", fo
阅读全文
摘要：echarts轮播效果 结合elementui跑马灯 首先考虑的时将跑马灯和echarts封装到一个组件里 但是组件内部渲染数据的时候需要对数据进行处理 数据需要分割 例如一个echarts（柱状图）最大只能显示11条数据 底部表格数据也需要分割处理 echarts初始化init有问题 上面的方案没
阅读全文
摘要：最近写了一个echarts堆叠柱状图页面，因为经验不是很多，写个博客记录一下 先贴代码 <template> <div class="container-box"> <div class="item-box"> <div class="box" ref="clintBox"> <div :id="c
阅读全文
