javascript - 仪表图Highchart表盘样式问题

我在量规表盘中面临着一个棘手的问题。

我要这样拨号



但是，我并没有完全像这样。

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

你可以看到我的努力JSFiddle

我希望它的底部为圆形，而且我也希望去除黑点。

提前致谢。

最佳答案

这是我的解决方案:

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

黑点不会被删除，而是会放大并显示为灰色，以便用作表盘的后盖。恐怕高图表可能无法实现图像中表盘的精确水滴形。

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

关于javascript - 仪表图Highchart表盘样式问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36275896/