如何使用chart.js在甜甜圈图中添加图像? [英] How to add image inside the doughnut chart using chart.js?

问题描述

我想在甜甜圈中添加图片

I want to add an image inside the doughnut

您可以在这里看到我的甜甜圈

我已经尝试过使用background-image:url(image.png)，但是有什么方法可以做到.

I already tried by using background-image:url(image.png) but is there any way to do it.

推荐答案

从技术上讲，无法在图表中添加图像.

Technically, it's not possible to add images in Charts.

但是，您可以通过将图像添加为图表容器的背景来轻松地进行处理.即:

However, you can easily work with that by adding an image as a background for chart container. I.e.:

#chartdiv {
  width: 210px;
  height: 210px;
  margin: 0 auto;
  background: transparent url(YourImage) no-repeat center 70px;
}

这篇关于如何使用chart.js在甜甜圈图中添加图像?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！