角度ゲージフュージョンチャートに入力として与えられた値にダイヤルを設定する方法

Question

私はフュージョンチャートライブラリを使用しています。その中で、私はレポートのために角度ゲージチャートを使用しています。私はそれが渡されているダイヤル値に基づいて融合チャートライブラリによって自動的に設定されるダイヤルの問題に直面しています。

分と最大を4等分に分けて表示します。私はそれを上書きしたい。私は私たちによって与えられた各セクションの最大値を表示したいと思います。

電流出力：

予想される出力：

私のコードはここにある：

var bw1 = parseInt($('.ideal_weight_graph').data('ideal1'));//46 
    var bw2 = parseInt($('.ideal_weight_graph').data('ideal2'));//62 
    var bw = parseInt($('.ideal_weight_graph').data('weight'));//53 

    var bw3 = bw2 + bw1; 

    var fusioncharts = new FusionCharts({ 
     type : 'angulargauge', 
     renderAt : 'ideal_weight_graph', 
     width : '400', 
     height : '250', 
     dataFormat : 'json', 
     dataSource : { 
      "chart" : { 
       "caption" : "Your weight for your gender and age", 
       "lowerLimit" : 0, 
       "upperLimit" : bw3, 
       "lowerLimitDisplay" : "Under weight", 
       "middleLimitDisplay" : "Normal weight", 
       "upperLimitDisplay" : "Over weight", 
       "showValue" : "1", 
       "valueBelowPivot" : "1", 
       "theme" : "fint", 
       showGaugeBorder : "1" 
      }, 
      "colorRange" : { 
       "color" : [{ 
        "minValue" : 0, 
        "maxValue" : bw1, 
        "code" : "#e44a00" 
       }, { 
        "minValue" : bw1, 
        "maxValue" : bw2, 
        "code" : "#00CC00" 
       }, { 
        "minValue" : bw2, 
        "maxValue" : bw3, 
        "code" : "#f8bd19" 
       }] 
      }, 
      "dials" : { 
       "dial" : [{ 
        "value" : bw 
       }] 
      } 
     } 
    }); 
    fusioncharts.render(); 

Answer 1

あなたは使って、あなたの条件を達成することができる@Shanthi Aの「トレンドポイント」の特徴FusionChartsの固有ゲージ。

Hereは、要件を満たすための作業サンプルです。

<!-- A simple angular gauge showing customer satisfaction index for Harry's Supermart. 

Elements : 
1. Color Range (Radial scale) 
2. Dials (Data Value Indicators) 
3. Tick Marks & Values 
4. Tooltip 
5. Trend points, trend arcs & trend markers 
6. Annotations 

--> 
<div id="chart-container">FusionCharts will render here</div> 

ご不明な点がございましたら、お知らせください。