echarts折线图y轴拖动
时间: 2023-11-15 08:57:16 浏览: 84
您可以通过设置 `dataZoom` 组件来实现折线图的 y 轴拖动。具体步骤如下:
1. 在 `option` 中添加 `dataZoom` 组件:
```javascript
option = {
// ... 其他配置项
dataZoom: [
{
type: 'slider', // 滑动条型数据区域缩放组件
yAxisIndex: 0, // 表示控制第一个 y 轴
start: 0, // 表示起始位置为原始数据的 0%
end: 100, // 表示结束位置为原始数据的 100%
},
],
// ... 其他配置项
};
```
2. 在 `yAxis` 中设置 `scale` 属性为 `true`,表示开启数值轴的刻度自适应:
```javascript
option = {
// ... 其他配置项
yAxis: [
{
type: 'value',
scale: true, // 开启数值轴的刻度自适应
},
],
// ... 其他配置项
};
```
阅读全文