想在chart.js的工具提示中添加%符号怎么办?
var chart = new chart(ctx,{ type:'bar', data : data });
ldioqlga1#
options : { tooltips: { enabled: true, mode: 'single', callbacks: { label: function (tooltipItems, data) { return tooltipItems.yLabel + " %"; } } }
e7arh2l62#
此代码也适用于饼图:
tooltips: { enabled: true, mode: 'single', callbacks: { label: function (tooltipItems, data) { var i = tooltipItems.index; return data.labels[i] + ": " + data.datasets[0].data[i] + " %"; } } }
w1e3prcc3#
我也面临同样的问题3+
plugins: { tooltip: { yAlign: 'bottom', callbacks: { label(tooltipItems: any) { return `${tooltipItems.formattedValue} %` } } } }
utugiqy64#
更新:这适用于Chartjs版本-3.9.1
tooltip: { callbacks: { label: function (context) { return context.label + ': ' + context.formattedValue + '%'; } } }
使用此选项,您可以在工具提示中将后缀或前缀附加到标签值。
4条答案
按热度按时间ldioqlga1#
e7arh2l62#
此代码也适用于饼图:
w1e3prcc3#
我也面临同样的问题3+
utugiqy64#
更新:这适用于Chartjs版本-3.9.1
使用此选项,您可以在工具提示中将后缀或前缀附加到标签值。