chartjs 问题:是否可以在工具提示中包含具有不同字体大小的正文/页脚文本?

问题描述 投票:0回答:0

关于chartjs 3.x的问题

我能够通过设置

plugins.tooltip
plugins.tooltip.callbacks
的属性值来自定义工具提示。

我的示例代码

tooltip: {
                callbacks: {
                    footer: function (context) {
                        "69%"
                        }
                    },
                   
                    label: function (context) {
                       return "TEST"
                        }
                    },
                },
                backgroundColor: "#FFF",
                borderWidth: 1,
                borderColor: "black",
                titleFont: {
                    size: 14,
                    weight: "light",
                },
                footerFont: {
                    size: 20,
                    weight: "bold",
                },
                titleColor: "rgba(51, 51, 51, 1)",
                bodyColor: "rgba(51, 51, 51, 1)",
                footerColor: "black",
                displayColors: false,
                titleAlign: "center",
                bodyAlign: "center",
                footerAlign: "center",
                padding: 8,
            },

我想要实现的是让

%
的字体更小,如下图

我通读了文档,但找不到方法.. 除了创建外部 html 工具提示之外,还有什么方法可以实现这一目标吗?

javascript chart.js react-chartjs-2
© www.soinside.com 2019 - 2024. All rights reserved.