Anonymous
Поворот и изменение положения заголовка оси в ChartJS
Сообщение
Anonymous » 08 янв 2025, 21:56
изображение будет легче понять:
У меня есть эта диаграмма, созданная с помощью ChartJS 3, и я хотел бы поместить сверху символ «€» и повернуть его, чтобы нам было легко его читать.
Как можно Я делаю это?
Это мой текущий объект параметров:
Код: Выделить всё
export const chartDashboardOptions = {
animation: false,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'top',
align: 'end',
labels: {
boxHeight: 7,
usePointStyle: true,
padding: 20,
},
},
},
scales: {
x: {
grid: {
color: getStyle('--cui-border-color-translucent'),
drawOnChartArea: false,
},
ticks: {
color: getStyle('--cui-body-color'),
},
},
y: {
title: {
display: true,
text: '€',
align: 'end',
},
beginAtZero: true,
border: {
color: getStyle('--cui-border-color-translucent'),
},
grid: {
color: getStyle('--cui-border-color-translucent'),
},
},
},
elements: {
line: {
tension: 0.4,
},
point: {
radius: 5,
hitRadius: 10,
hoverRadius: 4,
hoverBorderWidth: 3,
},
},
}
Спасибо!
Подробнее здесь:
https://stackoverflow.com/questions/793 ... on-chartjs
1736362568
Anonymous
изображение будет легче понять: [img]https://i.sstatic.net/zO2r6Jq5.jpg[/img] У меня есть эта диаграмма, созданная с помощью ChartJS 3, и я хотел бы поместить сверху символ «€» и повернуть его, чтобы нам было легко его читать. Как можно Я делаю это? Это мой текущий объект параметров: [code]export const chartDashboardOptions = { animation: false, maintainAspectRatio: false, plugins: { legend: { position: 'top', align: 'end', labels: { boxHeight: 7, usePointStyle: true, padding: 20, }, }, }, scales: { x: { grid: { color: getStyle('--cui-border-color-translucent'), drawOnChartArea: false, }, ticks: { color: getStyle('--cui-body-color'), }, }, y: { title: { display: true, text: '€', align: 'end', }, beginAtZero: true, border: { color: getStyle('--cui-border-color-translucent'), }, grid: { color: getStyle('--cui-border-color-translucent'), }, }, }, elements: { line: { tension: 0.4, }, point: { radius: 5, hitRadius: 10, hoverRadius: 4, hoverBorderWidth: 3, }, }, } [/code] Спасибо! Подробнее здесь: [url]https://stackoverflow.com/questions/79340451/rotate-and-change-position-of-a-axis-title-on-chartjs[/url]