echart.js 坐标轴起始数值设置
时间: 2023-08-16 20:05:16 浏览: 41
您可以使用 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'
}]
};
```
echart.js 纵坐标轴起始数值设置 用var变量
您可以将起始数值存储在一个变量中,然后在 `yAxis` 中使用该变量来设置起始数值。例如:
```
var minValue = 0;
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value',
min: minValue, // 使用变量设置纵坐标轴起始数值
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
```
您也可以根据需要修改变量的值,从而动态地改变纵坐标轴的起始数值。例如,如果您想让纵坐标轴的起始数值根据数据动态调整,可以这样写:
```
var data = [120, 200, 150, 80, 70, 110, 130];
var minValue = Math.min.apply(null, data);
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value',
min: minValue, // 使用变量设置纵坐标轴起始数值
},
series: [{
data: data,
type: 'bar'
}]
};
```
在这个例子中,我们使用 `Math.min.apply(null, data)` 来获取数据数组中的最小值,然后将其赋值给 `minValue` 变量,从而动态地设置纵坐标轴的起始数值。