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

标签 javascript jquery jquery-plugins raphael justgage

我正在尝试将自定义扇区添加到我的 JustGage 对象中，当我添加它们时，它只显示默认值:

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

我想把它拆分成这样:

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

我的代码如下。我已经根据需要定义了我的自定义扇区，但量具仍然默认返回到原来的 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

最佳答案

如果您获得最新版本的 justgage，您将看到“customSectors”在代码中，如果您从他们的站点下载，则“customSectors”不存在。

使用下面的链接获取最新的，您的代码应该可以正常工作。

https://raw.github.com/toorshia/justgage/master/justgage.js

关于javascript - JustGage 中的自定义颜色无法正常工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19521522/