标签: chart.jsv3

Chart.JS 工具提示回调标签和标题 (v3.5)

请注意: v2 有很多答案,这是 v3 的答案)

我正在尝试设置工具提示labeltitle圆环图。

代码:

        //Create the donut chart
    donut = new Chart('questions_positivity_donut', {
        type: 'doughnut',
        data: { 
            labels: ["Positive", "Other"],
            datasets: [{
                label: 'Sentiment',
                data: [user_context.state.avg_joy, (1-user_context.state.avg_joy)],
                backgroundColor: ['#a9a9a9','#f2f2f2']
            }]
        },
        options: {
            cutout: "70%",
            plugins: {
                legend: {
                    display: false
                },
                maintainAspectRatio: false,
                responsive: true,
                tooltip: {
                    callbacks: {
                        label: function(context) {

                            let label = new Intl.NumberFormat('en-US', {style: 'percent', minimumFractionDigits: 0, maximumFractionDigits: 0}).format(context.formattedValue);
                            return label;
                        },
                        title: function(context) {

                            let title …
Run Code Online (Sandbox Code Playgroud)

javascript charts reactjs chart.js chart.jsv3

8
推荐指数
1
解决办法
9262
查看次数

标签 统计

chart.js ×1

chart.jsv3 ×1

charts ×1

javascript ×1

reactjs ×1