echarts中series的data属性
时间: 2023-04-25 10:03:45 浏览: 1943
echarts 属性全动态设置 数据动态绑定
4星 · 用户满意度95%
ECharts 中 `series` 的 `data` 属性是用于设置该系列中所要展示的数据。在 `data` 中,需要设置一个数组,每个元素表示一个数据项。每个数据项可以是一个简单的数值,也可以是一个包含多个字段的对象,其中包括 `name` 和 `value` 两个字段。例如:
```javascript
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
```
在这个例子中,`data` 数组包含了六个数值,分别表示某个商品在不同时间段的销量。如果需要在柱状图中显示每个柱子所对应的商品名称,可以将每个数据项设置为包含 `name` 和 `value` 两个字段的对象,如下所示:
```javascript
series: [{
name: '销量',
type: 'bar',
data: [
{ name: '商品A', value: 5 },
{ name: '商品B', value: 20 },
{ name: '商品C', value: 36 },
{ name: '商品D', value: 10 },
{ name: '商品E', value: 10 },
{ name: '商品F', value: 20 }
]
}]
```
在这个例子中,每个数据项都包含了一个 `name` 字段和一个 `value` 字段,其中 `name` 表示商品名称,`value` 表示销量。这样设置之后,柱状图中每个柱子的标签就会显示为对应商品的名称。
阅读全文