echarts 柱状图中的dataset 属性如何遍历
时间: 2024-02-08 08:33:36 浏览: 22
可以使用ECharts提供的API中的`each`方法来遍历`dataset`属性中的数据。具体操作如下:
1. 获取ECharts实例对象:
```javascript
var myChart = echarts.init(document.getElementById('myChart'));
```
2. 在`option`中配置`dataset`属性,并给其赋值:
```javascript
option = {
dataset: {
source: [
['product', '2012', '2013', '2014', '2015', '2016', '2017'],
['Matcha Latte', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7],
['Milk Tea', 86.5, 92.1, 85.7, 83.1, 73.4, 55.1],
['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4, 65.2, 82.5],
['Walnut Brownie', 55.2, 67.1, 69.2, 72.4, 53.9, 39.1]
]
},
// 其他配置项
}
```
3. 在`echarts.init`方法中添加`option`配置,并使用`myChart`对象调用`setOption`方法:
```javascript
myChart.setOption(option);
```
4. 使用`myChart`对象的`getOption`方法获取当前的`option`配置,并使用`each`方法遍历`dataset`中的数据:
```javascript
var option = myChart.getOption();
myChart.eachSeries(function (series) {
var data = series.get('data');
if (data) {
data.forEach(function (value, index) {
console.log(value);
});
}
});
```
在上述代码中,使用`eachSeries`方法遍历了当前所有的系列,并使用`get`方法获取每个系列的数据,然后使用`forEach`方法遍历每个数据项,并输出到控制台。