2016-07-28 18 views
0

Ich versuche, eine Linie plus Balkendiagramm zu zeichnen. Jedes Mal, wenn ich versuche, das Liniendiagramm zu ziehen (ich habe nur versucht, das Liniendiagramm, gleicher Fehler Zeichnung) wird eine Zeile vor dem ersten Punkt gezogen:Liniendiagramm zeichnet vor dem ersten Punkt in Chart.js

Line Chart

Dies ist das erste Mal habe ich versucht Chart.js 2.0, die anderen Charts, die ich gezeichnet habe, sehen toll aus, außer diesem ... Irgendwelche Ideen?

Code:

function Data() { 
    $scope.barChartData = { 
     labels: $scope.mesesLabels, 
     datasets: [ 
      { 
       type: 'bar', 
       label: "" + myDate.getFullYear() - 1, 
       backgroundColor: "#5799c7", 
       data: $scope.infoAnoAnterior, 
       borderColor: 'white', 
       borderWidth: 2, 
      }, 
      { 
       type: 'bar', 
       label: "" + myDate.getFullYear(), 
       backgroundColor: "#ff7c40", 
       data: $scope.infoAnoAtual, 
      }, 
      { 
       type: 'line', 
       label: 'Média entre anos', 
       backgroundColor: "rgba(220,20,20,0)", 
       data: $scope.mediaEntreAnos, 
       borderColor: 'red', 
       borderWidth: 2, 
       pointBorderColor: 'black', 
       pointBackgroundColor: 'black' 
      }, ] 
    }; 
    drawChart(); 
} 

function drawChart(){ 
    var ctx = document.getElementById("base").getContext("2d"); 
    window.myBar = new Chart(ctx, { 
     type: 'bar', 
     data: $scope.barChartData, 
     options: { 
      responsive: true, 
      title: { 
       display: true, 
       text: 'Chart.js Combo Bar Line Chart' 
      }, 
      legend: { 
       display: true, 
       labels: { 
        fontColor: 'rgb(255, 99, 132)' 
       } 
      },     
     } 
    }); 
} 
+0

Option hinzufügen scaleBeginAtZero: true, –

+0

@NagaSaiA Hat nicht funktioniert, das gleiche passiert ... –

Antwort

0

erwartetes Ergebnis zu erreichen, fügen Sie unten Optionen

scaleStartValue: 0 
+0

das hat auch nicht funktioniert ... Hast du noch andere Vorschläge? Wenn ich einen Nullwert an der ersten Position meines Data-Arrays habe, erscheint die Zeile nicht, aber das Diagramm ist falsch ... Danke für deine Zeit übrigens! –

1

Ist es möglich, Sie haben ein Problem mit Eingabewerten, nicht mit Diagrammoptionen? I.e. einige doppelte Werte.

+0

Nur doppelt überprüft, keine Duplikate –

+0

Sie müssen dann Ihren JS-Code dann teilen. –

0

Ich habe die neuesten Versionen von chart.js (2.2.1) auf meinem Projekt hinzugefügt und es hat funktioniert, weiß nicht, warum 2.0 nicht, aber danke für Ihre Zeit!