javascript - JustGage中的自定义颜色无法正常工作

我试图将自定义扇区添加到JustGage对象中，当我添加它们时，它仅显示默认值：

0-25 =绿色，25-50 =黄色，50-100 =红色

我想要这样拆分：

0-25 =红色，25-50 =橙色，50-75 =黄色，75-100 =绿色

我的代码如下。我已经根据需要定义了我的customSectors，但量具仍默认返回到最初的3个扇区。我在这里做错什么了吗？我试图在JustGage上找到一些文档，但实际上没有任何文档。

var Gage1 = new JustGage({
id: "gage-1",
value: 100,
min: 0,
max: 100,
showInnerShadow: false,
shadowOpacity : 0.3,
customSectors: [{
    color : "#CE1B21",
    lo : 0,
    hi : 25
}, {
    color : "#D0532A",
    lo : 25,
    hi : 50
}, {
    color : "#FFC414",
    lo : 50,
    hi : 75
}, {
    color : "#85A137",
    lo : 75,
    hi : 100
}],
valueFontColor : ['#4A98BE'],
gaugeColor : ['#333'],
    title: "Demo Gage",
label: "%"
});

注意：我正在使用justgage.1.0.1.js

最佳答案

我认为您只需要levelColors：

var Gage1 = new JustGage({
  id: "gage-1",
  value: 100,
  min: 0,
  max: 100,
  levelColors: ['#CE1B21', '#D0532A', '#FFC414', '#85A137']
});

我认为justGage不支持您为所需的每种颜色准确选择最小值和最大值。并且您可能需要弄乱levelColorsGradient选项，尝试先将其设置为false。