echarts柱状图动态改变柱⼦颜⾊,多次切换可能出现颜⾊错乱
的问题
我的柱状图画图函数⾥根据legend的数量动态定义了柱⼦的颜⾊
if (legendData.length == 2) {
colorArray = ['#25f3e6', '#f36f8a'];
}
if (legendData.length == 4) {
colorArray = ['#6495ED', '#FFFF43','#25f3e6', '#f36f8a'];
}
if (legendData.length == 6) {
colorArray = ['#9370DB', '#FAEBD7','#6495ED', '#FFFF43', '#25f3e6', '#f36f8a'];
}
,然后option⾥调⽤了这个颜⾊数组 color: colorArray,
setoption⼀开始运⾏正常,凡是发现切换了10来次后柱⼦的颜⾊就乱了,⽽且没什么规律,并不按照colorArray的顺序显⽰了。
解决⽅法:每次画图之前先调⽤ $("#你的画布名称").removeAttr("_echarts_instance_").empty()属性来清除上次的属性
注意:原来的画图函数⾥的myChart.setOption(option, true);也加了true,然⽽并不能避免这个问题,只能解决不跟上次画的图重叠的问题。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论