如何在Chart.js中实现数组元素的求和与除法运算？

首先，我注意到你代码里的一个关键错误：myJSON中的属性名是"Value 1"和"Value 2"（带有空格），但你写的是arrayItem['Value1']（没有空格），这是导致求和/除法操作失效的主要原因！接下来根据你的需求场景，给出两种最优方案：

场景1：基于myJSON中的单个对象生成图表数据 #

如果你只想用myJSON里某一个特定对象（比如第一个或指定索引的对象）的数据来生成图表，可以直接获取该对象的属性进行计算：

// 选择myJSON中的第一个对象，也可以根据索引选择其他对象，比如myJSON[1]
const targetItem = myJSON[0];

const datiedu2 = {
  "labels": ['Lavori non terminati', 'Lavori in corso'],
  "datasets": [{
    label: 'Numero',
    // 修正属性名的空格，完成求和操作；如果需要除法，直接替换为 targetItem['Value 1'] / targetItem['Value 2']
    // 注意：你的labels有两个项，data数组最好对应两个值，比如第一个标签对应求和结果，第二个对应Value3
    data: [targetItem['Value 1'] + targetItem['Value 2'], targetItem['Value 3']],
    backgroundColor: 'rgb(255, 99, 132)',
    borderWidth: 1
  }]
};

场景2：基于myJSON中所有对象生成图表数据 #

如果需要把myJSON里所有对象的计算结果都作为图表数据（比如每个城镇的求和值），可以用map方法遍历数组，批量处理数据：

求和示例 #

// 提取所有城镇名称作为labels
const comuneLabels = myJSON.map(item => item.Comune);
// 遍历数组，计算每个对象的Value1+Value2
const summedValues = myJSON.map(item => item['Value 1'] + item['Value 2']);

const datiedu2 = {
  labels: comuneLabels,
  datasets: [{
    label: 'Somma Value1 + Value2 per Comune',
    data: summedValues,
    backgroundColor: 'rgb(255, 99, 132)',
    borderWidth: 1
  }]
};

除法示例（处理除数为0的边界情况） #

如果需要做除法操作，一定要注意处理除数为0的情况，避免程序报错：

const dividedValues = myJSON.map(item => {
  // 如果Value2为0，返回默认值（比如0或null），避免除以0错误
  if (item['Value 2'] === 0) {
    return 0;
  }
  return item['Value 1'] / item['Value 2'];
});

总结最优实践 #

1. 修正属性名：确保访问属性时的名称和myJSON中的键完全一致（包括空格）；
2. 按需选择处理方式：单个对象直接访问，多个对象用map批量处理；
3. 处理边界情况：除法操作时一定要判断除数是否为0，避免运行时错误；
4. 匹配labels和data长度：Chart.js要求labels数组和data数组的长度一致，否则图表会显示异常。

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