Angular中如何将双数组转换为FusionCharts要求的label-value格式？

你可以利用JavaScript的Array.map()方法，将两个独立数组映射成FusionCharts要求的对象数组格式，具体实现如下：

示例代码 #

假设你的原始数组是：

const labels = ["2021-09-26T00:01:00", "2021-09-26T00:02:00", "2021-09-26T00:03:00", "2021-09-26T00:04:00", "2021-09-26T00:05:00"];
const values = ["250", "251", "245", "248", "251"];

转换为目标格式的代码：

// 先校验数组长度一致性，避免索引越界
if (labels.length !== values.length) {
  console.error("labels与values数组长度不匹配，请检查数据");
} else {
  // 生成FusionCharts所需格式
  const chartData = labels.map((labelText, index) => ({
    label: labelText,
    value: values[index]
  }));
}

代码说明 #

• map()方法遍历labels数组的每一项，同时获取当前元素的索引index；
• 利用索引从values数组中取出对应位置的值；
• 每个遍历周期返回一个包含label和value属性的对象，最终组成符合要求的数组。

内容的提问来源于stack exchange，提问作者HARINDA VITHANA