eacharts的X轴设置dataZoom
时间: 2023-05-25 22:01:41 浏览: 280
Sysmac Studio 插件欧姆龙运动轴设置
可以通过以下代码实现eacharts的X轴设置dataZoom:
```
option = {
...
xAxis: {
type: 'category',
data: [...], // X轴数据
axisLabel: {
interval: 0, // 强制显示所有标签
rotate: 45, // 文字倾斜角度
},
},
dataZoom: {
type: 'slider',
xAxisIndex: 0, // 对第一个X轴进行缩放
start: 0, // 开始位置,相对位置,范围:0 - 100
end: 100, // 结束位置,相对位置,范围:0 - 100
},
...
};
```
其中,`data`是X轴数据数组;`interval`是轴标签的显示间隔;`rotate`是轴标签文字的倾斜角度;`dataZoom`是缩放组件,`type`设置为`slider`表示使用滑动条缩放,`xAxisIndex`表示对第一个X轴进行缩放,`start`和`end`表示缩放的开始和结束位置,相对位置,范围为0-100。
阅读全文