echarts折线图y轴最小范围
时间: 2023-08-31 14:09:23 浏览: 161
EasyUI表格合并,及echarts折线图,导出折线图为图片
你可以通过设置 `yAxis.min` 属性来设置折线图 y 轴的最小范围。例如:
```javascript
option = {
// ... 其他配置项
yAxis: {
min: 0, // 设置最小值为 0
// ... 其他配置项
},
series: [
{
name: '访问量',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130],
},
],
};
```
在上面的例子中,我们设置了 y 轴的 `min` 属性为 0,这样就确保了 y 轴最小范围为 0。
你也可以通过设置 `yAxis.scale` 属性来控制 y 轴的刻度是否按照数据范围自动调整。当 `yAxis.scale` 为 `true` 时,y 轴刻度会根据数据范围自动调整;当 `yAxis.scale` 为 `false` 时,y 轴刻度会按照用户设置的最小值和最大值进行调整。例如:
```javascript
option = {
// ... 其他配置项
yAxis: {
scale: false, // 不自动调整刻度
min: 0, // 最小值为 0
max: 200, // 最大值为 200
// ... 其他配置项
},
series: [
{
name: '访问量',
type: 'line',
data: [120, 200, 150, 80, 70, 110, 130],
},
],
};
```
在上面的例子中,我们设置了 `yAxis.scale` 属性为 `false`,并且设置了 y 轴的最小值为 0,最大值为 200。这样就确保了 y 轴的范围在 0 到 200 之间,并且刻度不会根据数据自动调整。
阅读全文