Chart.js - Форматирование оси Y
м используюChart.js нарисовать простой линейный график, и мне нужно отформатировать его ось Y, как
123456,05 до 123 456,05 $
Я нене понимаю, как использоватьscaleLabel : ""
Я виделкто-то указывает к "JS Micro-Templating ",
но понятия не имею, как использовать это с нашимиscaleLabel вариант.
Кто-нибудь знает, как отформатировать эту ось Y, и, возможно, приведите мне пример?
Ответы на вопрос(6)
Chart.js 2.X.X
Я знаю, что этот пост старый. Но если кто-то ищет более гибкое решение, вот оно:
var options = {
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
callback: function(label, index, labels) {
return Intl.NumberFormat().format(label);
// 1,350
return Intl.NumberFormat('hi', {
style: 'currency', currency: 'INR', minimumFractionDigits: 0,
}).format(label).replace(/^(\D+)/, '$1 ');
// ₹ 1,350
// return Intl.NumberFormat('hi', {
style: 'currency', currency: 'INR', currencyDisplay: 'symbol', minimumFractionDigits: 2
}).format(label).replace(/^(\D+)/, '$1 ');
// ₹ 1,350.00
}
}
}]
}
}
Привет' это хинди Проверьте здесь для другихаргумент локали
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation#locales_argument
для большегосимвол валюты
https://www.currency-iso.org/en/home/tables/table-a1.html
Как сказал Nevercom, scaleLable должен содержать javascript, поэтому для манипулирования значением y просто примените требуемое форматирование.
Обратите внимание, что значение является строкой.
var options = {
scaleLabel : ""
};
если вы хотите установить ручной масштаб, вы можете использовать scaleOverride
var options = {
scaleLabel : "",
scaleOverride: true,
scaleSteps: 10,
scaleStepWidth: 10,
scaleStartValue: 0
};
Недокументированная особенность библиотеки ChartJS заключается в том, что если вы передадите функцию вместо строки, она будет использовать вашу функцию для визуализации оси Y 's scaleLabel.
Так что пока,"" работает, вы также можете сделать:
scaleLabel: function (valuePayload) {
return Number(valuePayload.value).toFixed(2).replace('.',',') + 'Если ты'Я делаю что-нибудь сложное, яЯ рекомендую сделать это вместо этого.
;
}
Если ты'Я делаю что-нибудь сложное, яЯ рекомендую сделать это вместо этого.
У меня была такая же проблема, я думаю вChart.js 2.x.x подход немного отличается, как показано ниже.
ticks: {
callback: function(label, index, labels) {
return label/1000+'k';
}
}
Подробнее
var options = {
scales: {
yAxes: [
{
ticks: {
callback: function(label, index, labels) {
return label/1000+'k';
}
},
scaleLabel: {
display: true,
labelString: '1k = 1000'
}
}
]
}
}
Вот Вы можете найти хороший пример того, как отформатировать значение оси Y.
Также вы можете использоватьscaleLabel : "" что вы упомянули, это в основном означает, что все между теги будут обрабатываться как код JavaScript (т.е. вы можете использоватьif statments ...)