Javascript Highcharts旋钮js中的整圈量规

是否有任何简单的例子（最好是使用JSFIDLE）来实现一个具有高图（如下图所示）的完整圆量规

以下是我目前得到的信息：

$（函数（）{
var计量选项={
图表：{
类型：“solidgauge”
},
标题：空，
窗格：{
中心：['50%，'50%']，
大小：“100%”，
startAngle:0，
端角：360，
背景：{
背景颜色：（Highcharts.theme&&Highcharts.theme.background2）| |'#EEE'，
内半径：“60%”，
外层：“100%”，
形状：“圆弧”
}
},
工具提示：{
已启用：false
},
//价值轴
亚克斯：{
停止：[
[0.1，#55BF3B']，//绿色
[0.5，#DDDF0D']，//黄色
[0.9，#DF5353']//红色
],
线宽：0，
minorTickInterval:null，
像素间隔：400，
宽度：0，
标题：{
y:-70
},
标签：{
y:16
}
},
打印选项：{
solidgauge：{
数据标签：{
y:5，
边框宽度：0，
useHTML:true
}
}
}
};
//转速计
$（“#容器rpm”）.highcharts（highcharts.merge（gaugeOptions{
亚克斯：{
分:0,，
最高：100，
标题：{
文字：“某物”
}
},
系列：[{
名称：“RPM”，
数据：[92]，
数据标签：{
格式：“{y}
”
},
工具提示：{
valueSuffix:'转数/分钟'
}
}]
}));
});

适合您吗

这是只用div元素制作的，因此非常容易定制和灵活使用

有关更多详细信息，请查看页面

与您的要求相同的演示是否适合您

这是只用div元素制作的，因此非常容易定制和灵活使用

有关更多详细信息，请查看页面

---

演示与您的要求相同您可以通过实心量规了解这一点，并在窗格中设置正确的角度

pane: {
        center: ['50%', '50%'],
        size: '100%',
        startAngle: 0,
        endAngle: 360,
        background: {
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
            innerRadius: '60%',
            outerRadius: '100%',
            shape: 'arc'
        }
    },

---

示例：

您可以通过实心量规了解这一点，并在窗格中设置正确的角度

pane: {
        center: ['50%', '50%'],
        size: '100%',
        startAngle: 0,
        endAngle: 360,
        background: {
            backgroundColor: (Highcharts.theme && Highcharts.theme.background2) || '#EEE',
            innerRadius: '60%',
            outerRadius: '100%',
            shape: 'arc'
        }
    },

例如：