Chart.Js: как нарисовать одну диаграмму с двумя переменными (и разными) stepSize - PullRequest
Новая
       14

Chart.Js: как нарисовать одну диаграмму с двумя переменными (и разными) stepSize

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

В Chart.Js я использую «stepSize» по умолчанию, чтобы нарисовать линейный график.Когда я добавляю к нему среднее значение (вторая строка), чтобы правильно его просмотреть, я изменяю значения «Предлагаемый мин» и «Макс.»

. Проблема заключается в том, что таким образом я теряю представление о более высоких значениях в массиве (во первых заговор).Таким образом, я в конечном итоге вынужден правильно просматривать среднее или полный массив, поскольку их масштабы и значения находятся слишком далеко.

Есть ли способ иметь один "stepSize" для среднего значения, а затем, после его значенияеще один "stepSize" для массива, чтобы я мог просматривать оба?

У меня проблема:

Array + average plotted

Мой код дляграфик: 

myChart = new Chart(document.getElementById("canvas"), {
    "type": temp.type,
    "data": {
        "labels":column_a,
        "datasets": [{
            "label": label_b,
            "data": column_b,
            "spanGaps": true,
            "fill":fill_x,//true for charts like radar and polar area
            "backgroundColor": backgroundColor_x,
            "borderColor": borderColor_x,
            "borderWidth": borderWidth_x
            }
            ]},
            "options": {

                //legend: {
                //    display: false},
                responsive: true,
                maintainAspectRatio: false,
                tooltips: {
                    //mode: 'nearest',
                    intersect: false,
                    callbacks: {
                        afterUpdate: true,
                        label: (tooltipItem, myChart) => {
                            const realValue = myChart.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
                            //const customValue = realValue.toFixed(2).replace(".", ",") + '%';// DISABLED
                            const customValue = realValue.toFixed(2).replace(".", ",");//ENABLED
                            const label = myChart.labels[tooltipItem.index] + ':';//ENABLED
                            return label + customValue;//ENABLED
                            }
                        }
                    },




                "scales": {
                    //"fit": function() {},
                    "yAxes": [{
                        "gridLines": {display:false},
                        "ticks": {
                            "suggestedMin": 0,
                            "max": max_value_1//,
                            //"stepSize": 5
                        }}]}
                        }});



window.myChart = myChart
...