没处理前问题如下图:
如上图柱状图转为折线图是起点在刻度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)
}
})
加上以上代码就能解决上面的两个问题
解决后的效果