Я хочу нарисовать гистограмму с помощью 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 был бы правильно адаптирован.

У кого-нибудь есть идея?