我需要用chart.js将一个简单的图标图像（警告）添加到一个特定的圆环图切片的中心...不幸的是，我在官方文档中找不到任何用于此目的的配置选项。你可以看到一个例子的结果，我需要通过下面的链接。有好心人能帮我吗？Example image
doinxwow1#
这可以用chartjs-plugin-labels来完成，如下所示：
var myChart = new Chart(document.getElementById('myChart'), { type: 'doughnut', data: { labels: ['A', 'B', 'C'], datasets: [{ data: [11, 39, 20], backgroundColor: ['#ffb74d', '#4db6ac', '#bf360c'] }] }, options: { responsive: true, plugins: { labels: { render: 'image', images: [ null, null, { src: 'https://i.stack.imgur.com/9EMtU.png', width: 20, height: 20 } ] } } }});
var myChart = new Chart(document.getElementById('myChart'), {
type: 'doughnut',
data: {
labels: ['A', 'B', 'C'],
datasets: [{
data: [11, 39, 20],
backgroundColor: ['#ffb74d', '#4db6ac', '#bf360c']
}]
},
options: {
responsive: true,
plugins: {
labels: {
render: 'image',
images: [
null,
{
src: 'https://i.stack.imgur.com/9EMtU.png',
width: 20,
height: 20
}
]
});
个字符
1条答案
按热度按时间doinxwow1#
这可以用chartjs-plugin-labels来完成，如下所示：
个字符