echarts柱状图数据格式
时间: 2023-07-01 10:25:48 浏览: 146
echarts前端+Java后端数据=生成柱状图
ECharts柱状图的数据格式为一个数组,数组中的每个元素都代表一个数据项。每个数据项可以包含多个属性,其中必须包含name和value属性,分别代表数据项的名称和值。一个简单的示例数据格式如下:
```
[
{name: '数据项1', value: 100},
{name: '数据项2', value: 200},
{name: '数据项3', value: 300},
{name: '数据项4', value: 400},
{name: '数据项5', value: 500}
]
```
如果需要绘制多组数据,可以使用一个数组来表示多组数据,例如:
```
[
{name: '数据项1', values: [100, 200, 300, 400, 500]},
{name: '数据项2', values: [200, 300, 400, 500, 600]},
{name: '数据项3', values: [300, 400, 500, 600, 700]}
]
```
其中,每个数据项的values属性是一个数组,代表这个数据项的多个值。这种格式适用于绘制堆叠柱状图等多种形式的柱状图。
阅读全文