Wie setze ich den Startwert als "0" in chartjs?

hier ist mein code. ich brauche, um erste Wert als "0" in x-und y-Achse skaliert. Ich habe versucht die Letzte version Waagen-option.

graphOptions = {               
            ///Boolean - Whether grid lines are shown across the chart
            scaleShowGridLines: false,    
            tooltipTitleTemplate: "<%= label%>",
            //String - Colour of the grid lines
            scaleGridLineColor: "rgba(0,0,0,.05)",
            //Number - Width of the grid lines
            scaleGridLineWidth: 1,
            //Boolean - Whether to show horizontal lines (except X axis)
            scaleShowHorizontalLines: true,
            //Boolean - Whether to show vertical lines (except Y axis)
            scaleShowVerticalLines: true,
            //Boolean - Whether the line is curved between points
            bezierCurve: true,
            //Number - Tension of the bezier curve between points
            bezierCurveTension: 0.4,
            //Boolean - Whether to show a dot for each point
            pointDot: true,
            //Number - Radius of each point dot in pixels
            pointDotRadius: 4,
            //Number - Pixel width of point dot stroke
            pointDotStrokeWidth: 1,               
            pointHitDetectionRadius: 20,               
            datasetStroke: true,
            datasetStrokeWidth: 2,
            datasetFill: true,               
            legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
        };
        var LineChart = new Chart(ctx).Line(graphData, graphOptions);
   }

InformationsquelleAutor der Frage Suganthan Raj | 2016-06-20

  1. 96

    Für Chart.js 2.*, die option für die Skala beginnt bei null in der Liste, die Optionen für die Konfiguration der linearen Skala. Dies wird benutzt, um numerische Daten, die sollte den meisten wohl der Fall sein für Ihre y-Achse. So, Sie brauchen, um zu verwenden:

    options: {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true
            }
        }]
    }
}

    Einer Probe Liniendiagramm ist auch verfügbar hier, wo die option wird verwendet, um die y-Achse. Wenn Ihre numerischen Daten auf der x-Achse, verwenden Sie xAxes statt yAxes. Beachten Sie, dass ein array (und plural) verwendet wird, für yAxes (oder xAxes), da könnte man sich ja auch mehrere Achsen.

    InformationsquelleAutor der Antwort xnakos

  2. 1

    Bitte fügen Sie diese option:

    //Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
scaleBeginAtZero : true,

    (Referenz: Chart.js)

    N. B: Der ursprünglichen Lösung, die ich gepostet war für Highcharts, wenn Sie nicht mit Highcharts dann bitte die Markierung entfernen, um Verwirrung zu vermeiden

    InformationsquelleAutor der Antwort wmash

Schreibe einen Kommentar