javascript - echarts dataZoom事件不返回时间戳只返回百分比

Question

我得到了一个带有 dataZoom 组件的图表。 x 轴的类型为 time。缩放和漫游图表效果很好。但是，当我监听 dataZoom 事件以挂接到缩放过程时，我只能从事件中获取百分比值 (0-100) 作为当前位置。

dataZoom 配置:

dataZoom: {
   start: 0,
   end: 3,
   showDetail: false
}

我的 xAxis 配置:

xAxis: {
    type: 'time',
    boundaryGap: false,
    splitLine: {
        show: true,
        lineStyle: {
            color: '#ddd',
            type: 'dashed'
        }
    },
    axisLine: {
        show: false
    }
},

我这样监听事件:

myChart.on('dataZoom', function (evt) {
  console.log('zoom', evt);
})

我得到了 evt 的控制台输出:

{
  "type": "datazoom",
  "from": "viewComponent_17_0.8229841241707196",
  "dataZoomId": "\u0000\u0000-\u00000",
  "start": 1.6141473287753287,
  "end": 11.178346465795
}

我希望它是这样的:

"start" : "2012-12-01 15:30:00Z",
"end" : "2012-12-01 15:40:00Z"

这可能吗？

Answer 1

我遇到了同样的问题，下面的简单代码非常适合我:

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