Javascript 甜甜圈图表JS/Jquery允许在其标签中使用HTML标记？

我想要一个油炸圈饼图，但问题是我找不到哪个JS/Jquery库可以提供我想要的结果

我试过了，但很明显，它不允许HTML标记，也不允许标签中至少有换行符。即使我设法添加了，似乎标签也要对Chart.js图表图例负责，因此如果我在标签中添加太多字符串，图例将被“破坏”。我只想在标签上显示更多信息

不分析HTML标记：

var config1={
键入：“甜甜圈”，
数据：{
标签：[
“通过
”+
“移动测试：1
”+
“增量测试：2
”+
“重写测试：19”，
“失败”，
],
数据集：[
{
数据：数据：[22,4]，
背景颜色：[
“#1AFF00”，
“#FF0A0A”，
],
悬停背景颜色：[
“#20FF08”，
“#FF0000”，
]
}]
},
选项：{
回答：是的，
图例：{
位置：'顶部'，
},
标题：{
显示：对，
文本：“通过不同测试的所有条目”
},
动画：{
没错，
动画片：真
}
}
};

你们知道我还能用别的图书馆吗？或者如果我能在Chart.js上做点什么

---

谢谢大家!

您可以通过提供标签回调（在选项中）将标签与图例分开，还可以通过传递字符串数组（）使工具提示标签多行。

var ctx=document.getElementById（“画布”）；
风险值数据={
键入：“甜甜圈”，
数据：{
标签：[
“通行证”，
“失败”，
],
数据集：[
{
数据：[22,4]，
背景颜色：[
“#1AFF00”，
“#FF0A0A”，
],
悬停背景颜色：[
“#20FF08”，
“#FF0000”，
]
}]
},
选项：{
回答：是的，
图例：{
位置：'顶部'，
},
标题：{
显示：对，
文本：“通过不同测试的所有条目”
},
动画：{
没错，
动画片：真
},
工具提示：{
回调：{
标签：函数（工具提示项、数据）{
if（data.labels[tooltipItems.index]==='Pass'）{
返回['Pass'、'Move Test:1'、'Increment Test:2'、'Rewrite Test:19']；
}
返回data.labels[tooltipItems.index]；
}
}
}
}
};
var theChart=新图表（ctx，数据）

无法在Chart.js标签中编写纯HTML。不过，还是你吧。@tektiv谢谢你，我会试试看，看来这是唯一能做到的。但是它的甜甜圈不是真正的甜甜圈而是馅饼。我不知道他们把它叫做“工具提示”谢谢！添加图标或之类的html标签怎么样？
var config1 = {
        type: 'doughnut',
        data : {
            labels: [
                "Pass<br/>" +
                "Move Test: 1<br/>" +
                "Increment Test: 2<br/>" +
                "Rewrite Test: 19",
                "Fail",
            ],
            datasets: [
                {
                    data: data: [22, 4],
                    backgroundColor: [
                        "#1AFF00",
                        "#FF0A0A",
                    ],
                    hoverBackgroundColor: [
                        "#20FF08",
                        "#FF0000",
                    ]
                }]
        },
        options : {
                responsive: true,
                legend: {
                    position: 'top',
                },
                title: {
                    display: true,
                    text: 'All entries that Passed vs Fail from different tests'
                },
                animation: {
                    animateScale: true,
                    animateRotate: true
                }
        }
};