我想在工具提示的结果数据中添加“%”符号。我们如何定制它?
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ['@lang('home/main.korea')', '@lang('home/main.japan')'],
datasets: [{
label: [
],
data: [
{!! $koreaPercent !!} ,
{!! $japanPercent !!} ,
],
backgroundColor: [
'red',
'blue',
],
}]
},
options: {
}
});
</script>
我认为我们需要转换数据数组中的选项。
最佳答案
这样的事情应该可以解决您的问题:
<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
type: 'pie',
data: {
labels: ['@lang('home/main.korea')', '@lang('home/main.japan')'],
datasets: [{
label: [
],
data: [
{!! $koreaPercent !!} ,
{!! $japanPercent !!} ,
],
backgroundColor: [
'red',
'blue',
],
}]
},
options: {
tooltips: {
enabled: true,
mode: 'single',
callbacks: {
label: function(tooltipItems, data) {
return tooltipItems.yLabel + tooltipItems.xLabel + " %";
}
}
});
</script>
这是一个使用不同数据的工作示例,因为我不知道您如何使用您的图表:https://jsfiddle.net/mateusjunges/f8x394va/2/
希望对您有所帮助。
关于javascript - 如何在 Chart.js 的工具提示中键入字符串?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56509059/