1

我正在尝试将自定义扇区添加到我的 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

4

3 回答 3

2

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

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

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

于 2014-01-17T14:46:54.783 回答
1

我认为你需要的只是 levelColors：

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

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

于 2013-10-22T15:14:28.290 回答
0

对我有用的配置：

  config = {
    value: 0,
    min: 0,
    max: 600000,
    decimals: 0,
    gaugeWidthScale: 0.6,
    label: '$',
    formatNumber: true,
    customSectors: {
      percents: true,
      ranges: [
        {lo: 0, hi: 33, color: '#13ED5A'}, // lo and hi values are in %
        {lo: 34, hi: 67, color: '#49D61C'},
        {lo: 68, hi: 100, color: '#49AB1C'}
      ]
    }
  };
于 2019-10-08T14:08:03.927 回答