Javascript 如何使图像在仪表中居中

我试图把一个图像放在一个仪表的中心（画“X”的地方），但似乎找不到放代码的地方：/

---

以下是一个示例，介绍如何仅使用html/css（而不是通过highcharts）实现此功能，它基于highcharts网站上的一个甜甜圈示例：

HMTL（图表和图像）

---

这样，我将背景色和打印颜色更改为透明

   chart: {
        backgroundColor: 'transparent',
        borderWidth: 0,
        plotBackgroundColor: 'transparent',
        plotShadow: false,
        plotBorderWidth: 0
     },

我动态创建div，以便：

       <div ng-repeat="number in stats.numbers track by $index" id="s{{$index+1}}" class="number col-sm-3"></div>

---

如果没有本机支持，你不能用html/css在上面分层吗？你可以使用（（chart.plotTop+chart.plotHeight）/2）和图像高度的负一半。宽度的情况也一样。

   chart: {
        backgroundColor: 'transparent',
        borderWidth: 0,
        plotBackgroundColor: 'transparent',
        plotShadow: false,
        plotBorderWidth: 0
     },

       <div ng-repeat="number in stats.numbers track by $index" id="s{{$index+1}}" class="number col-sm-3"></div>

.number{
   background-image: url("../images/x.png");
   background-repeat: no-repeat;
   background-position: center; 
}