仪表图表Highchart拨号样式问题

Question

我在仪表图表盘中遇到了一个奇怪的问题。

我想要像这样拨打

然而，我并没有完全像这样。

annotate

您可以看到我的努力JSFiddle

我希望它的底部呈圆形，我也希望删除黑点。

提前致谢。

Answer 1

这是我的解决方案：

 plotOptions: {
   gauge: {
     dial: {
       radius: '70%',
       backgroundColor: 'gray',
       baseWidth: 20,
       topWidth: 1,
       baseLength: '3%', // of radius
       rearLength: '0%'
     }, 
     pivot: {
       radius: 10,
       backgroundColor: 'gray'
     }
  }
}

黑点不会被移除，而是放大并涂成灰色，这样就可以作为表盘的圆形背面。我担心你的图像中的表盘的精确撕裂形状可能无法通过highcharts实现。

http://jsfiddle.net/doc_snyder/6r654hr9/3/

Answer 2

http://jsfiddle.net/6r654hr9/1/                 i have editing in your jsfiddle file

Answer 3

http://jsfiddle.net/6r654hr9/4/ Check and try this link this will work fine for you