Возникли проблемы с отображением меток Axis в Chart.js. Я следил за документами, но, похоже, не могу заставить ярлыки отображаться.
Код диаграммы выглядит так:
<script src = "http://www.chartjs.org/dist/2.7.2/Chart.bundle.js"></script>
<canvas id = "m-chart-562-1"></canvas>
<script type = "text/javascript">
new Chart(
document.getElementById('m-chart-562-1').getContext('2d'),
{
"type": "bar",
"options": {
"title": {
"display": true,
"text": "Test"
},
"legend": {
"display": true,
"position": "bottom"
},
"scales": {
"xAxes": {
"scaleLabel": {
"display": true,
"labelString": "Horizontal Axis"
}
},
"yAxes": {
"scaleLabel": {
"display": true,
"labelString": "Vertical Axis"
}
}
}
},
"data": {
"datasets": [{
"label": "Number",
"data": [10, 2, 7],
"backgroundColor": "#7cb5ec"
}, {
"label": "Fatalities",
"data": [5, 0, 1],
"backgroundColor": "#434348"
}],
"labels": ["Cars", "Planes", "Boats"]
}
}
);
</script>
В остальном диаграмма отображается нормально, но ни одна ось x / y не показывает метку оси, которую я установил в настройках.
Вот скрипт JS, показывающий ту же проблему: http://jsfiddle.net/methnen/skfs1fjp/1/
Я уже некоторое время бился головой о него, так что ценю любую помощь, которую кто-либо может отправить мне.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Просто добавьте скобки «[]» к значениям осей, как показано ниже:
"scales": {
"xAxes": [{
"scaleLabel": {
"display": true,
"labelString": "Horizontal Axis"
}
}],
"yAxes": [{
"scaleLabel": {
"display": true,
"labelString": "Vertical Axis"
}
}]
}
Проверить ссылку: http://jsfiddle.net/skfs1fjp/7/
Ха ... новое должно быть что-то простое. Благодаря тонну.