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

原文 标签 javascript jquery jquery-plugins raphael 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

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

相关文章:

javascript - 如何在带有字符串变量的mongoDB查询中使用$ regex

javascript - 访问 <html> 节点

jquery - 我可以使用CSS隐藏文本框的克拉吗?

javascript - Codeigniter上传具有数组字段名称的图像文件

javascript - Dailymotion自动播放在移动设备上不起作用

css - 结合jQuery Cycle(Lite)和液体布局

jquery - 有没有一种简单的方法可以将jQuery插件实现为Drupal内容节点的一部分?

javascript - Flow 允许与 object.entries 和 string 连接

javascript - 调用jQuery插件时未捕获TypeError

javascript - jQuery验证语法错误,无法识别的表达式:label [for =]