qq_1872583947的博客

echarts动态改变series值，来动态更新图表，发现数据有重合问题产生原因是：Echarts会默认将更新的数据和之前数据合并解决办法：setOption时设置第二个参数为truemyChart.setOption(option,true)

在开发数据大屏的时候，有需求要求echarts图表能自适应宽度和高度原理：在监听页面大小变化的时候，先监听echarts父级元素的高度变化，计算出echarts的高度，然后再调用echarts的resize函数关键代码window.addEventListener("resize", () => { if (this.subItemsEcharts) { // 计算echarts高度 this.setEchartsHeight('sub-items', 'sub-ite

换行示意图：换行示意图代码：option = { xAxis: { type: 'category', axisLabel: { textStyle: { fontSize: 12 }, // 换行 formatter: function(value){ //这里案例的value不超过6个字符 var str

把echarts的resize在created中配置一下就好created() { window.addEventListener('resize', () => { if (this.myChart) { this.myChart.resize() } }) },

先上示意图：代码：option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', // 分隔线 splitLine: { show: true }, // 坐标轴轴线

属性值：splitLine:分隔线axisLine:坐标轴轴线axisTick:坐标轴刻度axisLabel:刻度标签属性示意图：option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', // 分隔线 spli