options: {
scales: {
yAxes: [ {
ticks: {
reverse: true,
min: 0,
max: // здесь ваше "заданное число"
},
} ],
},
},
options: {
scales: {
xAxes: [ {
ticks: {
display: false,
data: {
labels: [ '', '', '', ... ],
options: {
scales: {
xAxes: [ {
ticks: {
fontSize: 0,
options: {
scales: {
xAxes: [ {
ticks: {
fontColor: 'transparent',
options: {
onResize(chart, size) {
// изменяете в зависимости от размеров одну из перечисленных
// выше настроек (display, labels, fontSize, fontColor), например:
chart.options.scales.xAxes[0].ticks.display = size.width >= 500;
// обновляете график
chart.update();
},
Где задается этот параметр?
options: {
animation: {
onComplete() {
const { ctx, data, chart } = this;
ctx.fillStyle = 'red';
ctx.textAlign = 'center';
data.datasets.forEach((d, index) => {
chart.controller.getDatasetMeta(index).data.forEach((n, i) => {
ctx.fillText(d.data[i], n._model.x, n._model.y - 10);
});
});
},
},
},
Как сделать, чтобы подписи осей были ниже
options: {
scales: {
xAxes: [ {
ticks: {
padding: тут типа число должно быть,
...
Как сделать, чтобы было не 1000000, а 1 000 000
options: {
scales: {
yAxes: [ {
ticks: {
callback: val => val.toLocaleString(),
...
Снизу подписи начинают идти через 1(происходит это из-за длинного описания), можно ли насильно заставить, чтоб выводились все описания?
autoSkip: false
в настройки подписей.Можно ли первой подписи задать к примеру красный цвет, а остальным уже зеленый?
options: {
scales: {
x: {
ticks: {
color: ({ index }) => index === 0 ? 'red' : 'green',
},
},
},
},
for (let i = 0; i < answer.length - 1; i++)
for (let i = 0; i < words.length; i++)
data: {
datasets: [
{
borderColor: [ 'цвет 1', 'цвет 2', 'цвет 3', ... ],
...
},
],
...
},
options: {
scales: {
xAxes: [ {
ticks: {
display: false
}
} ],
yAxes: [ {
ticks: {
display: false
}
} ]
}
}