echart缩放时获取x轴区域的坐标

最新推荐文章于 2024-04-10 11:50:31 发布

weixin_33878457

最新推荐文章于 2024-04-10 11:50:31 发布

阅读量1.5k

点赞数 1

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2998098/blog/1570103

版权

2019独角兽企业重金招聘Python工程师标准>>>

var myChart=eChart.init(document.getElementById('chart'));//给echart要放置的id初始化

option={

   toolbox:{

       dataZoom{}//打开缩放图标 

  },
  xAxis:{
       type : 'category',
       data:["17-11-06","17-11-07","17-11-08","17-11-09","17-11-10","17-11-11"]//横坐标值
  },
  yAxis:{
       type : 'value'
  },
    series : [
        {
            name:'邮件营销',
            type:'line',
            areaStyle: {normal: {}},
            data:[120, 132, 101, 134, 90, 230, 210]//纵坐标值
        }
    ]

}

myChart.setOption(option);//生成echart图

chart.on('dataZoom',function(params){//选取的x轴值
   var startX=params.batch[0].startValue;
   var endX=params.batch[0].endValue;
   var  startTime=myChart.xAxis.data[startX];
   var endTime=myChart.xAxis.data[endX];
   console.log(startTime);//区间开始值："17-11-06"
   console.log(endTime);//区间结束值："17-11-08"
}

转载于:https://my.oschina.net/u/2998098/blog/1570103