Можно ли объединить дубликаты меток (и их данные) в один столбец в J диаграммы? - PullRequest
Новая
       5

Можно ли объединить дубликаты меток (и их данные) в один столбец в J диаграммы?

0 голосов
/ 05 февраля 2019

Например, если у меня есть массив ['05 / Feb / 2019 ', '05 / Feb / 2019', '05 / Feb / 2019 ', '01 / Feb / 2019'] для меток и массива ['2', '5', '7', '4'] для их соответствующих значений.

Можно ли отобразить только один столбец для всех элементов '05 / Feb / 2019 ', суммируя ихзначения в этом столбце?

КОД ДЛЯ ДИАГРАММЫ JS 

myChart = new Chart(document.getElementById("canvas"),{
    "type":temp.type,
    "data":{
        "labels":column_a,
        "datasets":[{
            "label":label_b,
            "data":column_b,
            "spanGaps": true,
            "fill":false,//true for charts like radar and polar area
            "backgroundColor":["rgba(255, 99, 132, 0.4)","rgba(255, 159, 64, 0.4)","rgba(255, 205, 86, 0.4)","rgba(75, 192, 192, 0.4)","rgba(54, 162, 235, 0.4)","rgba(153, 102, 255, 0.4)","rgba(201, 203, 207, 0.4)"],
            "borderWidth":1
            }
            ]},
            "options":{
                tooltips: {
                    callbacks: {
                        label: (tooltipItem, myChart) => {
                            const realValue = myChart.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                            //const customValue = realValue.toFixed(2).replace(".", ",") + '%';
                            const customValue = realValue.toFixed(2).replace(".", ",");
                            const label = myChart.labels[tooltipItem.index] + ':';
                            return label + customValue;
                            }
                        }
                    },
                "scales":{
                    "yAxes":[{
                        "gridLines":{display:false},
                        "ticks":{
                            "suggestedMin":0,
                            "max":max_value_1
                        }}]}
                        }});
window.myChart = myChart

1 Ответ

0 голосов
/ 05 февраля 2019

вы можете использовать уменьшить для этого.Пусть это поможет вам! 

 var label = ['05/Feb/2019', '05/Feb/2019', '05/Feb/2019', '01/Feb/2019'];
    var value = ['2', '5', '7', '4'];

    var obj = label.reduce(function(a, b, i) {
        if(!a.hasOwnProperty(b)) {
            a[b] = 0;
        }
        console.log(a);
        a[b] += Number(value[i]);
         return a;
    },{});

    var lab = Object.keys(obj);
    var val = Object.values(obj);
...