javascript - echarts dataZoom事件不返回时间戳，而仅返回百分比

我有一个带有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"

这可能吗？

最佳答案

请尝试这个

myChart.on('datazoom', function (evt) {
  var axis = myChart.getModel().option.xAxis[0];
  var starttime = axis.data[axis.rangeStart];
  var endtime = axis.data[axis.rangeEnd];
  console.log(starttime,endtime);
});