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

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 最左侧和最右侧始终显示起始和结束的值)