如图所示,因为数据太多,看起来比较杂,所以需要用dataZoom实现区域缩放。
echarts代码如下:
let zoom = 100;
dataZoom:
[
{
type: 'inside',
realtime: true,
start: 0,
end: zoom
},
{
show: true,
realtime: true,
height: 24,//这里可以设置dataZoom的尺寸
bottom: 6,
start: 0,
end: zoom,
backgroundColor: '#1d76e6', // 填充颜色
textStyle: {
color: '#fff' // 左右两边文字颜色
}
}
],