解决echarts折线图点击事件图标类型转为柱状图、解决echarts柱状图转为折线图是线的起点在刻度0上

it2026-03-14  3

没处理前问题如下图:

如上图柱状图转为折线图是起点在刻度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) } })

加上以上代码就能解决上面的两个问题

解决后的效果

最新回复(0)