小编Nel*_*ele的帖子

echarts:dataZoom 滑块未显示正确的数据预览

我正在尝试使用 echarts 创建一个可缩放的折线图。该图表最初应仅显示 5 天。我使用 dataZoom 类型“内部”和“滑块”。但滑块框未正确显示。

我对代码进行了一些尝试,但无法解决这个问题。

这是我的代码:

var myChart = echarts.init(document.getElementById('main'));

option = {
    xAxis: {
        type: 'time',
    },
    yAxis: {
        type: 'value',
        min: 0,
        max: 10
    },
     dataZoom: [
        {
            type: 'slider',
            show: true,
            xAxisIndex: [0],
            startValue: '2019-10-21 00:00:00',
            endValue: '2019-10-28 12:35:06',
            minValueSpan: 3600 * 24 * 1000 * 7,
            filterMode: 'filter'
        },
        {
            type: 'inside',
            xAxisIndex: [0],
            startValue: '2019-10-21 00:00:00',
            endValue: '2019-10-28 12:35:06',
            minValueSpan: 3600 * 24 * 1000 * 7,
            filterMode: 'filter'
            },
    ],
    series: …
Run Code Online (Sandbox Code Playgroud)

javascript zooming echarts

6
推荐指数
1
解决办法
6226
查看次数

标签 统计

echarts ×1

javascript ×1

zooming ×1