Anonymous
Цвет фона области диаграммы
Сообщение
Anonymous » 07 окт 2024, 20:03
У меня проблема с js-диаграммой, я хочу раскрасить область диаграммы, как на изображении выше
Я пытаюсь найти конфигурацию в документации charJs, но ничего не найдено.
Можно или нет изменить цвет фона области диаграммы?
если возможно, кто-нибудь может мне помочь?
Html
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
}
});
Вот мой текущий код jsFiddle
чтобы каждый мог попытаться найти решение.
спасибо за ваше помогите.
Подробнее здесь:
https://stackoverflow.com/questions/384 ... or-chartjs
1728320623
Anonymous
У меня проблема с js-диаграммой, я хочу раскрасить область диаграммы, как на изображении выше [img]https://i.sstatic.net/stDav.png[/img] Я пытаюсь найти конфигурацию в документации charJs, но ничего не найдено. Можно или нет изменить цвет фона области диаграммы? если возможно, кто-нибудь может мне помочь? Html [code] [/code] Javascript [code]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 } }); [/code] Вот мой текущий код jsFiddle чтобы каждый мог попытаться найти решение. спасибо за ваше помогите. Подробнее здесь: [url]https://stackoverflow.com/questions/38493564/chart-area-background-color-chartjs[/url]