我正在尝试使用 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)