series: [{ type: 'bar', data: [ {value: 10, name: '数据1'}, {value: 20, name: '数据2'}, {value: 30, name: '数据3'}, {value: 40, name: '数据4'}, {value: 50, name: '数据5'} ] }]我我有一type: 'GET', url: "http://127.0.0.1:5000/data", dataType: 'json'设置,我希望将name设为data['data1']的每个元素,value设为data['data2']的每个元素,如何设置
时间: 2024-03-14 12:48:22 浏览: 139
Echarts通过Ajax实现动态数据加载
5星 · 资源好评率100%
你可以通过以下方式来构建`series`数组的数据:
```javascript
$.ajax({
type: 'GET',
url: 'http://127.0.0.1:5000/data',
dataType: 'json',
success: function(data) {
var seriesData = []; // 存储每个数据项的数组
for (var i = 0; i < data.data1.length; i++) {
var item = {value: data.data2[i], name: data.data1[i]};
seriesData.push(item);
}
var series = [{type: 'bar', data: seriesData}];
// 在这里使用series数组进行图表的绘制
}
});
```
在上面的代码中,首先使用`$.ajax()`方法从服务器获取数据,并在成功回调函数中构建了`seriesData`数组,该数组包含了每个数据项的`value`和`name`属性。然后,使用`seriesData`数组创建了`series`数组,并将其用于绘制图表。你需要根据你的具体需求,将图表绘制的代码填写在回调函数中。
阅读全文