Chartjs.org 在雷达图工具提示上显示不同的数据

oyt4ldly  于 2022-11-06  发布在  Chart.js
关注(0)|答案(2)|浏览(128)

例如,在工具提示中,我想显示选项1的数据,而不是2,而是200。因为我们在图表中显示了调整后的数据。但在工具提示中显示真实的数据会更好。

<script>
        new Chart(document.getElementById('exampleChartjsRadar').getContext('2d'), {
            type: 'radar',
            data: {
                labels: ["Option1", "Option2", "Option3"],
                pointLabelFontSize: 14,
                datasets: [{
                    label: 'Sporcu',
                    data: [2, 4, 5],
                    fill: true,
                    backgroundColor: 'rgba(4, 197, 249, 0.2)',
                    borderColor: 'rgb(4, 197, 249)',
                    pointBackgroundColor: 'rgb(4, 197, 249)',
                    pointBorderColor: '#fff',
                    pointHoverBackgroundColor: '#fff',
                    pointHoverBorderColor: 'rgb(4, 197, 249)'
                }]
            },
            options: {
                plugins: {

                },
                elements: {
                    line: {
                        borderWidth: 2
                    }
                }
            },
        });
    </script>

enter image description here

xurqigkl

xurqigkl1#

您可以使用工具提示回调来执行以下操作:
第一个

7dl7o3gd

7dl7o3gd2#

谢谢你的回答,如果我想写不同的值而不是乘以100,我怎么用它呢。

label: (ctx) => (`${ctx.dataset.label}: ${ctx.raw *100}`)

相关问题