后端返一个数组都是名字对应echarts的name,另一个数组都是数据对应echarts的data,怎么动态遍历俩个数组对应上echarts的数据里
时间: 2024-02-06 17:09:33 浏览: 70
可以使用 JavaScript 中的 forEach 方法对两个数组进行遍历,并将对应位置的数据组合成一个对象,然后将这些对象放入一个新的数组中,最后将这个新的数组作为参数传递给 echarts。示例代码如下:
```javascript
let names = ["A", "B", "C", "D"];
let data = [10, 20, 30, 40];
let seriesData = [];
names.forEach((name, index) => {
let obj = {
name: name,
value: data[index]
};
seriesData.push(obj);
});
// 然后将 seriesData 作为参数传递给 echarts 的 series.data
```
上述代码中,我们先声明了两个数组 `names` 和 `data`,分别存储了 echarts 中的 name 和 data 数据。然后我们定义了一个空数组 `seriesData`,用于存储遍历组合后的数据。
接着,我们使用 `forEach` 方法对 `names` 数组进行遍历,获取当前遍历到的元素 `name` 和其对应的索引 `index`。然后根据当前索引,从 `data` 数组中获取对应位置的数据,并将 `name` 和 `data` 组合成一个对象 `obj`。最后将这个对象 `obj` 添加到 `seriesData` 数组中。
最终得到的 `seriesData` 数组中的每个元素都是一个对象,包含了 echarts 中的 `name` 和 `value` 数据。将这个数组作为参数传递给 echarts 的 `series.data` 属性即可。
阅读全文