Chartjs de couleur d'arrière-plan de la zone de graphique
J'ai un problème avec le diagramme de js, je veux la coloration de la zone de graphique, comme l'image ci-dessus
J'essaie de trouver la configuration de charJs Docs , mais rien ne vaut.
ses possible de changer ou non de la zone de graphique couleur d'arrière-plan?
si possible quelqu'un peut m'aider?
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
}
});
Voici mon code actuel jsFiddle
donc tout le monde peut essayer de trouver une solution.
merci pour votre aide.
source d'informationauteur Pajar Fathurrahman | 2016-07-21
Vous devez vous connecter pour publier un commentaire.
Il n'est pas intégré dans la méthode pour changer la couleur de fond, mais vous pouvez utiliser les CSS. JSFiddle.
MODIFIER
Si vous voulez remplir exacte de la zone de graphique et aucun ensemble de la div, vous pouvez écrire votre propre chart.js plugin. Essayez-la sur JSFiddle.