没处理前问题如下图:
如上图柱状图转为折线图是起点在刻度0上
当在折线图的时候执行点击事件,此时会发现类型变为了柱状图而且柱状图的起点在刻度0上,toolbox的type为line
解决方法
chartTwo
.on('magictypechanged',(params
)=>{
var magictype
=params
.currentType
;
if(magictype
=='line'){
this.lineAndBarOption
.xAxis
[0].boundaryGap
=true
this.lineAndBarOption
.series
[0].type
=magictype
chartTwo
.setOption(this.lineAndBarOption
)
}else{
this.lineAndBarOption
.series
[0].type
=magictype
chartTwo
.setOption(this.lineAndBarOption
)
}
})
加上以上代码就能解决上面的两个问题
解决后的效果
转载请注明原文地址: https://lol.8miu.com/read-35240.html