echarts 设置参数
时间: 2023-10-05 14:11:44 浏览: 68
ECharts 是百度开源的一个数据可视化库,支持多种图表类型,包括折线图、柱状图、饼图、散点图等。下面是一些常用的参数设置:
1. 设置图表类型
使用 echarts.init() 方法初始化图表对象,然后使用 setOption() 方法设置图表类型。例如:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
myChart.setOption({
series: [{
type: 'line',
data: [1, 2, 3, 4, 5]
}]
});
```
2. 设置图表数据
使用 setOption() 方法设置图表数据。例如:
```javascript
myChart.setOption({
series: [{
type: 'line',
data: [1, 2, 3, 4, 5]
}]
});
```
3. 设置图表样式
使用 setOption() 方法设置图表样式。例如:
```javascript
myChart.setOption({
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
type: 'line',
data: [820, 932, 901, 934, 1290, 1330, 1320],
itemStyle: {
color: 'red'
}
}]
});
```
4. 设置图表标题
使用 setOption() 方法设置图表标题。例如:
```javascript
myChart.setOption({
title: {
text: '某地一周天气情况',
subtext: '数据来自网络'
},
...
});
```
以上只是一些常用的参数设置,ECharts 还支持更多的自定义配置。具体可以参考 ECharts 官方文档。
阅读全文