echarts 怎么修改最大值最小值 展示图标的大小
时间: 2024-03-13 16:47:59 浏览: 77
要修改 Echarts 图表的最大值和最小值,可以通过设置 yAxis 和 xAxis 的 min 和 max 属性来实现,例如:
```javascript
option = {
// x 轴配置
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
// 设置 x 轴最小值
min: 0,
// 设置 x 轴最大值
max: 6
},
// y 轴配置
yAxis: {
type: 'value',
// 设置 y 轴最小值
min: 0,
// 设置 y 轴最大值
max: 100
}
};
```
要修改 Echarts 图表展示的图标大小,可以通过设置 series 的 symbolSize 属性来实现,例如:
```javascript
option = {
// 数据配置
series: [{
name: '销量',
type: 'scatter',
symbolSize: 20, // 设置图标大小
data: [
[10.0, 8.04],
[8.0, 6.95],
[13.0, 7.58],
[9.0, 8.81],
[11.0, 8.33],
[14.0, 9.96],
[6.0, 7.24],
[4.0, 4.26],
[12.0, 10.84],
[7.0, 4.82],
[5.0, 5.68]
]
}]
};
```
以上是针对散点图的示例代码,其他类型的图表设置方式可能有所不同,具体可以参考 Echarts 官方文档。
阅读全文