亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在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 關注
  • 112 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號