eacharts添加data数据
时间: 2023-08-07 08:04:37 浏览: 45
要向 ECharts 中添加数据,你需要先创建一个 ECharts 实例。然后,通过 `setOption()` 方法来设置 ECharts 实例的配置项,包括数据项。以下是一个示例代码:
```javascript
// 创建 ECharts 实例
var myChart = echarts.init(document.getElementById('main'));
// 定义数据
var data = {
categories: ['类别1', '类别2', '类别3', '类别4', '类别5'],
data: [20, 50, 30, 80, 70]
};
// 设置 ECharts 实例的配置项
myChart.setOption({
xAxis: {
type: 'category',
data: data.categories
},
yAxis: {
type: 'value'
},
series: [{
data: data.data,
type: 'bar'
}]
});
```
在这个示例中,我们创建了一个 ECharts 实例,并定义了一个数据对象 `data`,其中 `categories` 是 X 轴上的类别,`data` 是对应的数据值。然后,我们通过 `setOption()` 方法来设置 ECharts 实例的配置项,其中包括 X 轴、Y 轴和数据系列。最后,调用 `myChart.setOption()` 方法来将配置项应用到 ECharts 实例中。