Diagramm-hintergrund-Farbe chartjs
Ich habe ein problem mit Diagramm-js, ich möchte Färbung Diagrammfläche wie Bild oben
Ich versuche zu finden, Konfiguration von charJs Docs , aber nichts abgestimmt.
seine möglich oder nicht zu ändern Diagramm-hintergrund-Farbe?
wenn möglich jemand der mir helfen kann?
Html
<canvas id="barChart" width="600" height="300"></canvas>
Javascript
var ctx = document.getElementById("barChart");
var barChart = new Chart(ctx,{
type: 'bar',
data: {
labels:["Label1","Label2","Label3","Label4"],
borderColor : "#fffff",
datasets: [
{
data: ["2","3","1","4"],
borderColor : "#fff",
borderWidth : "3",
hoverBorderColor : "#000",
backgroundColor: [
"#f38b4a",
"#56d798",
"#ff8397",
"#6970d5"
],
hoverBackgroundColor: [
"#f38b4a",
"#56d798",
"#ff8397",
"#6970d5"
]
}]
},
options: {
scales: {
yAxes: [{
ticks:{
min : 0,
stepSize : 1,
fontColor : "#000",
fontSize : 14
},
gridLines:{
color: "#000",
lineWidth:2,
zeroLineColor :"#000",
zeroLineWidth : 2
},
stacked: true
}],
xAxes: [{
ticks:{
fontColor : "#000",
fontSize : 14
},
gridLines:{
color: "#fff",
lineWidth:2
}
}]
},
responsive:false
}
});
Hier ist meine aktuelle code jsFiddle
so kann jeder versuchen, für finden die Lösung.
vielen Dank für Ihre Hilfe.
InformationsquelleAutor der Frage Pajar Fathurrahman | 2016-07-21
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es gibt keine integrierte Methode zum ändern der Hintergrundfarbe, aber Sie können CSS verwenden. JSFiddle.
BEARBEITEN
Wenn Sie möchten, füllen Sie genau den Bereich von Diagramm und keine ganze div, Sie können schreiben Sie Ihre eigenen chart.js plugin. Versuchen Sie es auf JSFiddle.
InformationsquelleAutor der Antwort