美文网首页
echarts中如何在dataZoom 最左侧和最右侧始终显示起

echarts中如何在dataZoom 最左侧和最右侧始终显示起

作者: 匆白 | 来源:发表于2020-07-13 16:22 被阅读0次

let option = {} //你的echarts图表的配置,这里我就不贴我的了

myChart.setOption(option);

//开始

let startValue = myChart.getModel().option.dataZoom[0].startValue;

let endValue = myChart.getModel().option.dataZoom[0].endValue;

let start = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴

let end = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴

console.log("开始值="+start);

console.log("结束值="+end);

//拖拽滚动条的获取X轴的范围值,使用方法如下:

myChart.on('dataZoom', function (params) {

       //开始

       let startValue = myChart.getModel().option.dataZoom[0].startValue;

       let endValue = myChart.getModel().option.dataZoom[0].endValue;

       thes.startText = myChart.getModel().option.xAxis[0].data[startValue];//起始X轴

       thes.endText = myChart.getModel().option.xAxis[0].data[endValue];//结束X轴

});

图表效果:

相关文章

网友评论

      本文标题:echarts中如何在dataZoom 最左侧和最右侧始终显示起

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