2
我想使用chart.js來創建一個簡單的活動線/散點圖,z-indexed作爲我的應用程序的背景。出於某種原因,它呈現爲不透明的灰色,而不是我指定的微紅色。而且,即使我嘗試更改其他圖表元素和默認值,圖表始終爲灰色。我相信這是一個微不足道的解決方案,但我無法弄清楚。 (你需要在圖表有任何數據顯示之前設置並啓動計時器)另外,更具體地說,這是與以下代碼相關的JS代碼:創建圖表:chart.js顏色不呈現
var ctx = document.getElementById('canvas').getContext("2d"),
points = [{x:0,y:0}],
lineData = {
datasets: [{
fillColor: "rgba(217, 108, 99, .9)",
strokeColor: "rgba(255, 255, 255, 1)",
pumpntHighlightStroke: "rgba(220,220,220,1)",
data: points
}]
},
lineOptions = {
showScale: false,
scaleShowLabels: false,
scaleShowGridLines : false,
pointDot : false,
pointDotRadius : 0,
pointDotStrokeWidth : 0,
pointHitDetectionRadius : 0,
datasetStroke : true,
datasetStrokeWidth : 3,
datasetFill : true,
};
Chart.defaults.global.elements.point.radius = 0;
Chart.defaults.global.legend.display = false;
Chart.defaults.global.tooltips.enabled = false;
Chart.defaults.global.animation.duration = 250;
Chart.scaleService.updateScaleDefaults('linear', {
display: false,
ticks: {
beginAtZero: true,
min: 0
}
});
Chart.defaults.global.elements.line.tension = 0.05;
Chart.defaults.global.maintainAspectRatio = false;
myChart = new Chart(ctx, {
type: 'scatter',
data: lineData,
options: lineOptions
});
謝謝你的時間。請讓我知道是否還有其他事情可以解釋。
難道就這麼簡單!當然,它可以!這是我的誤解,'backgroundColor'和'fillColor'是相互排斥的圖表選項。但是,他們不是,是嗎?謝謝。 –
我不知道,我從來沒有使用過chart.js,但我沒有發現任何有關fillcolor的文檔。 – enguerranws