echarts的各种图的代码
时间: 2023-09-03 19:01:55 浏览: 153
ECharts 是一个基于 JavaScript 的开源可视化库,它提供了丰富多样的图表类型。下面是几种常见图表的示例代码:
1. 折线图(Line Chart):
```
var option = {
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]
}]
};
```
2. 柱状图(Bar Chart):
```
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
type: 'bar',
data: [820, 932, 901, 934, 1290, 1330, 1320]
}]
};
```
3. 饼图(Pie Chart):
```
var option = {
series: [{
type: 'pie',
radius: '50%',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}]
};
```
4. 散点图(Scatter Chart):
```
var option = {
xAxis: {
type: 'value'
},
yAxis: {
type: 'value'
},
series: [{
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, 7.66]]
}]
};
```
以上只是几种常见图表的示例代码,ECharts 还支持其他类型的图表,可以根据具体需求进行调整和扩展。可以通过 ECharts 官网提供的文档和示例等资源来了解更多关于各种图表类型的代码使用和配置方法。
阅读全文