为了账号安全,请及时绑定邮箱和手机立即绑定

如何在chart.js中求和/除数组值?

如何在chart.js中求和/除数组值?

慕村9548890 2022-05-14 13:54:45
我有这个变量放在我的图表中:var datiedu2 = {            "labels": ['Lavori non terminati', 'Lavori in corso'],            "datasets":                       [{                           label: 'Numero',                           data: [arrayItem['Value1'] + arrayItem['Value2']],                           backgroundColor: 'rgb(255, 99, 132)',                           borderWidth: 1                      }]               };我无法对数组项进行求和或除法。这些属于一个变量,其结构如下: var myJSON = [  {    "": 0,    "Comune": "BONDENO",    "PUNTEGGIOSCUOLA1516": 4.25,    "Value 1": 63,    "Value 2": 8,    "Value 3": 17,    "DANNO": 6,    "Somma valori": 88,  },  {    "": 1,    "Comune": "CAVEZZO",    "PUNTEGGIOSCUOLA1516": 3.75,    "Value 1": 23,    "Value 2": 2,    "Value 3": 9,    "DANNO": 8,    "Somma valori": 34,  }最好的选择是什么?
查看完整描述

2 回答

?
森栏

TA贡献1810条经验 获得超5个赞

对属性 Value 1 和 Value 2 求和


var myJSON = [{

    "": 0,

    "Comune": "BONDENO",

    "PUNTEGGIOSCUOLA1516": 4.25,

    "Value 1": 63,

    "Value 2": 8,

    "Value 3": 17,

    "DANNO": 6,

    "Somma valori": 88,

  },

  {

    "": 1,

    "Comune": "CAVEZZO",

    "PUNTEGGIOSCUOLA1516": 3.75,

    "Value 1": 23,

    "Value 2": 2,

    "Value 3": 9,

    "DANNO": 8,

    "Somma valori": 34,


  }

];




function getSum(arr) {

  const sum = arr.reduce((acc, x) => acc + x['Value 1'] + x['Value 2'], 0);

  return sum;


}

const result = getSum(myJSON);

console.log(result)


查看完整回答
反对 回复 2022-05-14
?
三国纷争

TA贡献1804条经验 获得超7个赞

只需遍历 json 数组,然后将值添加到 sum 变量,然后将其添加到图表中。


此代码将执行以下操作:


var sum=0;

for(item of myJSON)

{

    let subsum=item["Value 1"]+item["Value 2"]+item["Value 3"];

    sum+=subsum;

}

然后像这样更新代码:


var datiedu2 = {

            "labels": ['Lavori non terminati', 'Lavori in corso'],

            "datasets": 

                      [{

                           label: 'Numero',

                           data: sum,

                           backgroundColor: 'rgb(255, 99, 132)',

                           borderWidth: 1

                      }]

               };


查看完整回答
反对 回复 2022-05-14
  • 2 回答
  • 0 关注
  • 92 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信