vue.js - 如何在echarts baidu中的dataZoom更改事件中获取开始和结束的值？

如何在echarts baidu的dataZoom更改事件中获取start和end的值？

最佳答案

更改dataZoom后，侦听eCharts调度的dataZoom事件。

myChart.on('dataZoom', function(e) {
    console.log(e);         // All params
    console.log(e.start);   // Start value
    console.log(e.end)      // End value
});

Documentation on dataZoom event

与vue.js库一起使用eCharts时:

模板:

<IECharts @dataZoom="updateZoom"></IECharts>

代码(用methods包装):

methods: {
    updateZoom(e) {
        // See all available properties of the event
        console.log(e);
    }
}

Documentation on IEcharts