chart.jsでカラーラインを変更することはできません

Question

chart.jsを使用して折れ線グラフを作成していますが、グラフのカラーラインを変更することはできません。私のコードがある

...

$(document).ready(function(){ 
$.ajax({ 
url: "chart/maderas_Chart.php", 
method: "GET", 
success: function(data) { 
    console.log(data); 
    var hora = []; 
    var valor = []; 

    for(var i in data) { 
    hora.push("Hora " + data[i].hora_nueva); 
    valor.push(data[i].valor); 
    } 

    var chartdata = { 
    labels: hora, 
    datasets : [ 
     { 
     label: 'Dique Las Maderas', 
     fill: false, 
     boderColor: "#bae755", 
     borderDash: [5, 5], 
     strokeColor: "#e755ba", 
     pointColor: "#55bae7", 
     pointStrokeColor: "#55bae7", 
     pointHighlightFill: "#55bae7", 
     pointHighlightStroke:"#55bae7", 
     data: valor 
     } 
    ] 
    }; 


    var ctx = document.getElementById("maderas_Chart"); 
    var LineGraph = new Chart(ctx, { 
    type: 'line', 
    data: chartdata, 
    options: { 
      responsive: true, 
      title:{ 
       display:true, 
       text:'Dique Las Maderas' 
      }, 
      tooltips: { 
       mode: 'index', 
       intersect: false 
      }, 
      hover: { 
       mode: 'nearest', 
       intersect: true 
      }, 
      scales: { 
       xAxes: [{ 
        display: true, 
        scaleLabel: { 
         display: true, 
         labelString: 'Hora' 
        } 
       }], 
       yAxes: [{ 
        display: true, 
        scaleLabel: { 
         display: true, 
         labelString: 'Valor' 
        } 
       }] 
      } 
     } 
    }); 
}, 
error: function(data) { 
    console.log(data); 
} 
}); 
}); 

私は最初、私は色を変更することができ、グラフをconfgureが、私はもう、私はできません多くのコードを追加したとき、私はすべてのコードを削除し、まだ変更することはできません。線の色。 私はchart.jsバージョン2.7とjqueryを使用しています。事前に

おかげで...

Answer 1

あなたは色を設定するための（ChartJS 1.xのに使用される）非推奨のプロパティを使用しているためです。次のプロパティ（ChartJS 2.7に適用されます）の代わりに使用します。

datasets: [{ 
    label: 'Dique Las Maderas', 
    fill: false, 
    borderColor: "#bae755", 
    borderDash: [5, 5], 
    backgroundColor: "#e755ba", 
    pointBackgroundColor: "#55bae7", 
    pointBorderColor: "#55bae7", 
    pointHoverBackgroundColor: "#55bae7", 
    pointHoverBorderColor: "#55bae7", 
    data: valor 
}]