echartsx轴滚动条

要在 ECharts 中添加 x 轴滚动条，需要使用 dataZoom 组件。首先需要在 option 中引入 dataZoom 组件，并设置其 type 属性为 inside：

option = {
    ...
    dataZoom: {
        type: 'inside',
        xAxisIndex: 0,
        start: 0,
        end: 100
    },
    ...
}

其中，xAxisIndex 表示要对哪个 x 轴添加滚动条，这里设置为 0 表示对第一个 x 轴添加；start 和 end 表示滚动条的范围，这里设置为 0 - 100 表示一开始显示全部数据。接下来，在 x 轴的属性中，加入 minInterval 和 maxInterval 属性，分别表示 x 轴最小间隔和最大间隔：

option = {
    ...
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L'],
        minInterval: 1,
        maxInterval: 1
    },
    ...
}

这里将最小间隔和最大间隔都设置为 1，表示 x 轴的刻度之间固定为 1。这样就可以在 ECharts 中添加 x 轴滚动条了。