echarts柱状图接受什么数据格式
时间: 2023-07-11 14:53:12 浏览: 166
echarts 柱状图渐变色背景
5星 · 资源好评率100%
ECharts柱状图接受的数据格式为以下两种:
1. 数组类型数据
数组类型数据可以是一维、二维或多维数组。
一维数组表示数据序列,例如:
```javascript
data: [20, 40, 60, 80, 100]
```
二维数组表示数据表格,例如:
```javascript
data: [
['Mon', 20],
['Tue', 40],
['Wed', 60],
['Thu', 80],
['Fri', 100]
]
```
多维数组表示多维数据,例如:
```javascript
data: [
[
[10, 20], [30, 40]
],
[
[50, 60], [70, 80]
]
]
```
2. 对象类型数据
对象类型数据包含xAxis和series两个属性,其中xAxis属性表示x轴数据,series属性表示系列数据。
xAxis属性可以是一个字符串数组,例如:
```javascript
xAxis: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
```
也可以是一个对象数组,例如:
```javascript
xAxis: [{
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
}]
```
series属性是一个数组,数组中的每个元素表示一个系列,每个系列可以指定name、type和data等属性,例如:
```javascript
series: [{
name: '销量',
type: 'bar',
data: [20, 40, 60, 80, 100]
}]
```
以上就是ECharts柱状图所接受的数据格式,你可以根据实际情况选择其中一种或多种格式来表达你的数据。
阅读全文