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

最新推荐文章于 2024-01-28 12:06:19 发布

Smile_mutou

最新推荐文章于 2024-01-28 12:06:19 发布

阅读量721

点赞数

文章标签： angular

本文链接：https://blog.csdn.net/Smile_mutou/article/details/109226026

版权

没处理前问题如下图：

问题一

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