Javascript 如何在chartjs上设置左侧图例的格式
我有一张图表,我想将左边的值格式化为货币格式。图像就是我想要改变的地方。 这是我目前的代码:Javascript 如何在chartjs上设置左侧图例的格式,javascript,chart.js,Javascript,Chart.js,我有一张图表,我想将左边的值格式化为货币格式。图像就是我想要改变的地方。 这是我目前的代码: this.Chart = new Chart('kpi', { type: 'bar', data: { labels: cat, datasets: [ { data: Value, label: "Categorias", backgroundColor: 'rgba(26, 179, 148, 0.4)',
this.Chart = new Chart('kpi', {
type: 'bar',
data: {
labels: cat,
datasets: [
{
data: Value,
label: "Categorias",
backgroundColor: 'rgba(26, 179, 148, 0.4)',
borderColor: 'rgba(26, 179, 148, 1)',
borderWidth: 2
}
]
},
options: {
events: ['mousemove', 'click'],
},
hover: {
mode: "nearest",
},
scales: {
yAxes: [{
id: 'data',
type: 'linear',
ticks: {
beginAtZero: true
}
}]
},
title: {
display: true,
text: 'Categorias',
fontSize: 20,
fontColor: 'rgba(26, 179, 148, 1)',
fontStyle: 'normal'
},
tooltips: {
mode: "nearest",
callbacks: {
title: (item, data) => {
},
label: (item, data) => {
let index = item.index;
item.value = numeral(data.datasets[0].data[index]).format('$0,0.00');
return `${data.labels[index]}: ${item.value}`
}
}
}
}
});
我想在标签上使用“.format('$0,0.00')”之类的格式,或者类似的东西,但我不知道如何设置这些值的格式
var chart = new Chart(ctx, {
type: 'line',
data: data,
options: {
scales: {
yAxes: [{
ticks: {
// Include a dollar sign in the ticks
callback: function(value, index, values) {
return '$' + value;
}
}
}]
}
}
});
这是一个示例代码,用于格式化chartjs页面中的y轴值。您可以使用此回调设置标签的格式
这是一个示例代码,用于格式化chartjs页面中的y轴值。您可以使用此回调设置标签的格式