echarts数据系列
时间: 2024-12-31 20:14:17 浏览: 7
### ECharts 数据系列使用方法
#### 定义数据系列
在 Apache ECharts 中,`series` 是用于定义图表中各个序列的关键配置项。每个 `series` 对象可以包含不同类型的数据展示方式,如折线图、柱状图、饼图等[^1]。
```javascript
option = {
series: [
{
name: '访问来源',
type: 'pie', // 图表类型
radius: '55%', // 饼图半径
data:[
{value:235, name:'视频广告'},
{value:274, name:'联盟广告'},
{value:310, name:'邮件营销'},
{value:335, name:'直接访问'},
{value:400, name:'搜索引擎'}
]
}
]
};
```
此代码片段展示了如何创建一个简单的饼图,并通过 `data` 属性指定具体数值及其对应的标签。
#### 使用 Dataset 统一管理数据
为了更好地管理和维护复杂的应用场景中的多组数据,ECharts 提供了 dataset 功能来统一处理不同类型的输入源并映射到多个 `series` 上。
```javascript
option = {
dataset: {
source: [
['product', '2015', '2016', '2017'],
['Matcha Latte', 43.3, 85.8, 93.7],
['Milk Tea', 83.1, 73.4, 55.1],
['Cheese Cocoa', 86.4, 65.2, 82.5],
['Walnut Brownie', 72.4, 53.9, 39.1]
]
},
xAxis: {type: 'category'},
yAxis: {},
series : [
{type: 'bar'},
{type: 'bar'},
{type: 'bar'}
]
};
```
上述例子说明了当有共同维度(这里是产品名称)时,可以通过设置单一的 `dataset.source` 来简化配置过程;而不同的年份则作为列自动分配给相应的条形图序列。
阅读全文