Highcharts - Gauge - 改变中心黑点（圆圈）的颜色和半径

Question

http://jsfiddle.net/fwxbfu1u/2/

这是highcharts guage图的jsfiddle。我试图改变所有选项并自定义图表。但是无法弄清楚改变中心点的半径和颜色的方法。

如下图所示

In this example .. how do i change the color and radius of the centre black dot.?

Answer 1

您可以使用plotOptions，请参阅下面的链接

plotOptions: {
            gauge: {
                pivot: {
                    radius: 10,
                    borderWidth: 1,
                    borderColor: 'gray',
                    backgroundColor: {
                        linearGradient: { x1: 0, y1: 0, x2: 1, y2: 1 },
                        stops: [
                            [0, 'white'],
                            [1, 'gray']
                        ]
                    }
                }
            }
        },

http://jsfiddle.net/fwxbfu1u/8/

Answer 2

假设包含gauge的div的id是“container”

var circle = $( "#container").find('circle');
$(circle).attr("r", 7 );
$(circle).attr("fill", 'green' ); 

Answer 3

$("#container").find("circle").attr("r", 15);
$("#container").find("circle").attr("fill", "red");

只需手动查找对象并设置它的属性。

您也可以通过css设置fill属性

circle{fill: rgb(255, 0, 0);}

但你不能用css设置半径，所以我使用两种方式。

http://jsfiddle.net/fwxbfu1u/6/