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 に答える