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

发布网友发布时间：2023-10-15 04:54

共1个回答

热心网友时间：2024-12-15 01:32

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轴

});

图表效果：