美文网首页
echarts4 dataZoom获取伸缩后X轴的左右值

echarts4 dataZoom获取伸缩后X轴的左右值

作者: WunHwan | 来源:发表于2018-04-02 00:10 被阅读0次

    为了获取伸缩后X轴的左右值,我在百度上看了很多。。但是并不能实现。。

    chart.on('dataZoom',function(params) {
      // 这里获取的是x轴0-100的截取值,并不是我们想要的数据
      var batch  = params.batch[0]; 
      var start = batch.startValue; 
      var end = batch.endValue;
    });
    

    在官方api发现可以获取内部持有的当前显示。


    捕获.PNG

    而我们在charts.setOption就有存入一个结果数组。我在

    getOption().opt.xAxis[0].data[]
    

    发现data[ ]是我们当初储存的数据数组,这样我们就可以直接通过截取的0-100直接通过索引获得数值了。

    var batch = params.batch[0];
    var opt = humidityChart.getOption();
    var start = batch.startValue == undefined ? startTime : opt.xAxis[0].data[batch.startValue];
    var end = batch.endValue == undefined ? endTime : opt.xAxis[0].data[batch.endValue];
    var startDate = new Date(start);
    var endDate = new Date(end);
    
    TIM图片20180401111053.png

    相关文章

      网友评论

          本文标题:echarts4 dataZoom获取伸缩后X轴的左右值

          本文链接:https://www.haomeiwen.com/subject/kpbzcftx.html