Chart.js丟失了顏色

我正在一個網站上製作一個圖表，並且我發現了chart.js從一個json文件生成一個圖表。一切工作，但顏色...三圖是三個灰色的顏色，我想調味它...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)" 

    }] 
    } 
});

來源

2017-02-07 swe_mattias

你能提供例如一個例子codepen？ – Mazz

繼承人：http://codepen.io/macmattias/pen/LxBqBg –

不知道如果代碼在codepen中工作，它似乎沒有，因爲我從我的本地fs讀取的東西... –

好像你混合chart.js之用chart.js之2.X 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

來源

2017-02-08 21:59:52

這是正確的，我正在使用av 2項目的v 1語法，謝謝！ –

Chart.js丟失了顏色

回答

相關問題