echart要设置y轴坐标范围
时间: 2023-07-31 12:08:09 浏览: 230
要设置ECharts中y轴坐标范围,可以使用yAxis中的min和max属性。具体的做法是,在yAxis中设置min和max的值,代码如下:
```javascript
option = {
// ... 其他配置
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value',
min: 0,
max: 200
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line'
}]
};
```
在上述代码中,设置了xAxis的type为'category',表示x轴使用类目型数据。然后在data数组中设置了x轴的数据,即['周一', '周二', '周三', '周四', '周五', '周六', '周日']。接着在yAxis中设置了min和max的值,分别为0和200,表示y轴坐标范围为0到200之间。最后,设置了一个线型系列,数据为[120, 200, 150, 80, 70, 110, 130],表示把这些数据用线连接起来。
设置好以上配置后,调用ECharts的setOption()方法就可以将该图表渲染出来。
相关问题
echart.js 坐标轴起始数值设置
您可以使用 ECharts 的 `option` 对象中的 `xAxis` 和 `yAxis` 属性来设置坐标轴的起始数值。例如,要设置 x 轴的起始数值为 0,可以这样写:
```
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
min: 0, // 设置坐标轴起始数值为 0
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
同样地,要设置 y 轴的起始数值为 0,可以在 `yAxis` 对象中加入 `min: 0` 属性。
echart.js 纵坐标轴起始数值设置
您可以使用 ECharts 的 `option` 对象中的 `yAxis` 属性来设置纵坐标轴的起始数值。例如,要设置 y 轴的起始数值为 0,可以这样写:
```
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value',
min: 0, // 设置纵坐标轴起始数值为 0
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
同样地,如果您的纵坐标轴是时间轴,您可以使用 `min` 属性来设置时间轴的起始时间,例如:
```
option = {
xAxis: {
type: 'time',
data: ['2019-01-01', '2019-01-02', '2019-01-03', '2019-01-04', '2019-01-05', '2019-01-06', '2019-01-07']
},
yAxis: {
type: 'value',
min: '2019-01-01', // 设置纵坐标轴起始时间为 2019-01-01
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line'
}]
};
```