Я хочу нарисовать гистограмму с помощью chart.js, используя этот код (очень простой):
this.plotEnergy = new Chart($('#plotEnergy'),
{
type: 'bar',
animation: false,
data:
{
labels: ["aaa", "bbb"],
datasets: [ {
label: "ijoij",
backgroundColor: '#000000',
data: [2000, 2300]
},
{
label: "ijooijojij",
backgroundColor: '#FF00FF',
data: [1500, 2500]
},
]
},
options:
{
tooltips:
{
mode: 'index',
intersect: false
},
title:
{
display: true,
text: 'Generated energy'
},
responsive: true,
scales:
{
xAxes: [
{
stacked: 'false',
position: 'bottom',
}],
yAxes: [
{
stacked: false,
scaleLabel:
{
display: true,
labelString: 'Energy [kWh]'
},
ticks: {
beginAtZero: true
}
}]
}
}
});
Но я понимаю: метки отображаются правильно, даже диапазон оси Y правильный. Но полосы не появляются. Я могу щелкнуть элементы легенды, чтобы соответствующие данные исчезли, и диапазон оси Y адаптировался правильно.
У кого-нибудь есть идея?
О, я понимаю, это опция оси x "stacked: false", которая вызывала проблему. Большое спасибо!
Хорошо, рад, что ты узнал.
Ваши параметры вызывают проблемы, вот образец, который я взял из ваших данных и сгенерировал этот jsbin: jsbin.com/jopudiwema/1/edit?html,css,js,output, не стесняйтесь изменять параметры в соответствии с тем, что вам нужно, и все будет в порядке.