折れ線グラフは、私はラインプラス棒グラフを描画しようとしているChart.js

Question

の最初のポイントの前に描画されます。私は折れ線グラフを（私は唯一の折れ線グラフ、同じエラーを描いてみました）を描画しようとするたびに は、ラインが最初のポイントの前に描かれている：

Line Chart

これは私がChart.jsを試してみました初めてです2.0、私は他のグラフは、これを除いて、素晴らしい見えた...任意のアイデア？

コード：

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)' 
       } 
      },     
     } 
    }); 
} 

Answer 1

期待される結果を達成するために、オプションに以下

scaleStartValue: 0 

Answer 2

を追加すると、それはあなたが入力値と、ないのチャートオプションに問題があることは可能ですか？私。いくつか重複する値。

Answer 3

私は私のプロジェクトにchart.jsの最新バージョン（2.2.1）を追加し、それが働いた、知らん2.0はしなかった理由が、あなたの時間をありがとう！