如何获得工具提示以处理 2 个数据集半圆环图？

Question

我有一个半甜甜圈图，使用 2 个类似于信用评分指标的数据集。内部图表显示范围，外部图表显示与范围相对的用户当前分数。我似乎无法为两个数据集制定标签。我需要范围上的工具提示来显示我没有问题的范围，但外部图表也会出现相同的值。我希望外部图表提示显示当前用户分数。

<canvas id="myChart" width="400" height="400"></canvas>

<script>

    var ctx = document.getElementById("myChart");

    var myChart = new Chart(ctx, {

        type: 'doughnut',

        data: {

            labels: [

                'Very Bad',

                'Poor',

                'Fair',

                'Good',

                'Very Good',

                'Excellent'

            ],

            datasets: [

                {

                    label: "Current Score",

                    data: [650, 850],

                    backgroundColor: [

                        'rgba(20, 127, 171, 1)',

                        'rgba(255, 255, 255, 0.7)'

                    ]

                },

                {

                    label: "Score Range",

                    data: [300, 600, 650, 700, 750, 800],

                    backgroundColor: [

                        'rgba(188, 32, 38, 1)',

                        'rgba(235, 71, 35, 1)',

                        'rgba(246, 142, 31, 1)',

                        'rgba(254, 204, 9, 1)',

                        'rgba(125, 187, 66, 1)',

                        'rgba(15, 146, 70, 1)'

                    ]

                }

            ]

        },

        options: {

            legend: {

                display: false

            },

            rotation: 1 * Math.PI,

            circumference: 1 * Math.PI

        }``

    });

</script>