irpas技术客

echarts控制台警告 There is a chart instance already initialized on the dom._the ticks

未知 8268

(近期遇到的两个echars报错 以及一些echarts问题的整理)

(1)

ECharts 控制台警告 There is a chart instance already initialized on the dom.

注意下给echarts ID时 别重复命名的这个问题 虽然不会报错 但是控制台会有警告 Dom 上已经初始化了一个图表实例

(2)

echarts报错 cannot read property “setOption” of null

因为之前 this.chartline.setoption({ … }) 是写在请求里的 不涉及dom加载问题 当把这个复制出来(不能联调 先写些假数据) 就会出现报错 所以包一层 this.$nextTick(() => { }) 即可

(3)echarts中y轴刻度设置显示为整数

yAxis 下的 minInterval:1

(4)echarts网格线 和 网格区域

splitLine splitArea 可以设置show true/false lineStyle{ color / type:“sold” } 等

(5)vue中如何让多个echarts随屏幕大小变化

myChart = this.$echarts.init(document.getElementById('myChart')) window.addEventListener("resize",() => { myChart.resize(); })

(6)echarts地图 visualMap数组最大值max的获取方式 比较数组参数,选取最大值

var cityMax = cityData[0].value; for(var i = 0; i < cityData.length - 1; i++) { cityMax = cityMax < cityData[ i + 1 ].value ? cityData[ i + 1 ].value : cityMax }

visualMap中 max = cityMax即可

(7) echarts 3 不支持nodataLoadingOption 暂无数据动画 用this.chartLine.showLoading() 来代替


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #The #ticks #may #be #not #readable #when #set