如何在chart.js中将图像添加到圆环图的切片中？

cfh9epnr 于 9个月前发布在 Chart.js

关注(0)|答案(1)|浏览(160)

我需要用chart.js将一个简单的图标图像（警告）添加到一个特定的圆环图切片的中心...不幸的是，我在官方文档中找不到任何用于此目的的配置选项。
你可以看到一个例子的结果，我需要通过下面的链接。
有好心人能帮我吗？
Example image

chart.js

来源：https://stackoverflow.com/questions/60673868/how-to-add-an-image-to-a-slice-of-a-donut-chart-in-chart-js

1条答案

按热度按时间

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
          }
        ]
      }
    }
  }
});

个字符

赞(0）回复(0）举报 9个月前

我来回答

如何在chart.js中将图像添加到圆环图的切片中？

1条答案

相关问题

热门标签

最新问答