2017-02-07 17 views
0

サイトでチャートを作成していて、chart.jsがjson-fileからチャートを生成していました。 すべては機能しますが、色は... 3つのグラフは3つの灰色です。私はそれをスパイスしたいと思います...Chart.jsの色が失われました

何が欠けていますか?

var ctx = document.getElementById('speedchart').getContext('2d'); 
var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
    labels: ti, 
    datasets: [{ 
     label: 'Latency', 
     data: lt, 
     fillColor: "rgba(151,187,205,0.5)", 
     strokeColor: "rgba(0,255,0,1.0)" 
    }, { 
     label: 'Up speed', 
     data: up, 
     strokeColor: "rgba(255,0,0,0.4)" 

    }, { 
     label: 'Down speed', 
     data: dw, 
     strokeColor: "rgba(0,0,255,0.4)" 

    }] 
    } 
}); 
+0

あなたは、例えばとの例を提供することができますドキュメントを見てコードペン? – Mazz

+0

Heres that:http://codepen.io/macmattias/pen/LxBqBg –

+0

コードがcodepenで動作するかどうかは分かりませんが、私のローカルファイルからのものを読み込んで以来のようです。 –

答えて

1

あなたはchart.js 2.xのでchart.js 1.xの構文を混合しているよう

いけないstrokeColorはchart.js 2.xでは有効なオプションだと思うようです

ここでは、色を追加する方法の例を示します。より多くのオプションについては

[{ 
    label: 'Info', 
    backgroundColor: "rgba(46, 44, 211, 0.2)", 
    borderColor: "rgba(46, 44, 211, 0.5)", 
    data: data 
} 

https://jsfiddle.net/brqc0tmw/4/

http://www.chartjs.org/docs/#line-chart-dataset-structure

+0

これは正しいです。 v av 2プロジェクトの構文1、ありがとう! –

関連する問題