在Apache Echarts中获取值而不是dataZoom的百分比

Question

我正在使用 Apache Echarts，我有一个 X 轴类型为time的图表，dataZoom 类型为slider 。 这是一个例子：

var values = [];

for(var i = 0; i < 15; i++) {
    var date = new Date();
    date.setDate(date.getDate() + i);
    values.push([date, i])
}

const firstDate = values[1][0];
const lastDate = values[5][0];

option = {
    xAxis: {
        type: 'time',
        boundaryGap: false,
    },
    yAxis: {
        type: 'value',
    },
    dataZoom: [{
        type: 'slider',
    }],
    series: [
        {
            type: 'line',
            data: values, 
        }
    ]
};

myChart.on('datazoom', (event) => {
    console.log(event)
})

如果我收到“开始”和“结束”的百分比，但我想收到的是实际的开始和结束日期。 这意味着轴本身的值。

我检查了文档，他们说我实际上可以在“工具栏触发的缩放事件”时获取值。 我不确定这是否指的是工具箱数据缩放（不能满足我的需求）或其他任何东西。

任何帮助，将不胜感激。

Answer 1

正如 F.Marks在这里回答的那样，您应该在 dataZoom echart 的选项属性 object 中获取值，如下面的代码：

myChart.on('dataZoom', function() {
  var option = myChart.getOption();
  console.log(option.dataZoom[0].startValue, option.dataZoom[0].endValue);
});