2017-04-11 10 views
0

私は多くのアプリケーションでフュージョンチャートを使用しています。最近私はmsstackedcolumn2dチャートを使用して、私は私のグラフの水平スクロールバーを取得しようとしています。誰でもmsstackedcolumn2dグラフのスクロールバーを取得する方法を教えてもらえますか?msstackedcolumn2dフュージョンチャートでスクロールバーを取得する方法

FusionCharts.ready(function() { 
    var revenueChart = new FusionCharts({ 
     type: 'msstackedcolumn2d', 
     renderAt: 'chart-container', 
     width: '550', 
     height: '350', 
     dataFormat: 'json', 
     dataSource: { 
    "chart": { 
    "caption": "Request Report", 
    "xaxisname": "Month", 
    "yaxisname": "No. of Request", 
    "paletteColors": "#0075c2,#45AFF5,#2C8A56,#1aaf5d,#50DE90", 
    "bgColor": "#ffffff", 
    "borderAlpha": "20", 
    "showCanvasBorder": "0", 
    "usePlotGradientColor": "0", 
    "plotBorderAlpha": "10", 
    "legendBorderAlpha": "0", 
    "legendShadow": "0", 
    "valueFontColor": "#ffffff", 
    "showXAxisLine": "1", 
    "showPercentValues": "1", 
    "showPercentInToolTip": "0", 
    "xAxisLineColor": "#999999", 
    "divlineColor": "#999999", 
    "divLineIsDashed": "1", 
    "showAlternateHGridColor": "0", 
    "subcaptionFontBold": "0", 
    "subcaptionFontSize": "14" 
    }, 
    "categories": [ 
    { 
     "category": [ 
     { 
      "label": "jan" 
     }, 
     { 
      "label": "feb" 
     }, 
     { 
      "label": "mar" 
     }, 
     { 
      "label": "apr" 
     }, 
     { 
      "label": "may" 
     }, 
     { 
      "label": "june" 
     }, 
     { 
      "label": "july" 
     }, 
     { 
      "label": "aug" 
     }, 
     { 
      "label": "sep" 
     }, 
     { 
      "label": "oct" 
     }, 
     { 
      "label": "nov" 
     }, 
     { 
      "label": "dec" 
     } 
     ] 
    } 
    ], 
    "dataset": [ 
    { 
     "dataset": [ 
     { 
      "seriesname": "Req_Total", 
      "data": [ 
      { 
       "value": "8000" 
      }, 
      { 
       "value": "600" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "400" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "300" 
      }, 
      { 
       "value": "700" 
      }, 
      { 
       "value": "400" 
      }, 
      { 
       "value": "500" 
      } 
      ] 
     }, 
     { 
      "seriesname": "Req_Success", 
      "data": [ 
      { 
       "value": "600" 
      }, 
      { 
       "value": "500" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "300" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "8000" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "900" 
      }, 
      { 
       "value": "400" 
      } 
      ] 
     }, 
     { 
      "seriesname": "Req_Fail", 
      "data": [ 
      { 
       "value": "500" 
      }, 
      { 
       "value": "400" 
      }, 
      { 
       "value": "8000" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "600" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "300" 
      }, 
      { 
       "value": "1000" 
      }, 
      { 
       "value": "300" 
      } 
      ] 
     } 
     ] 
    }, 
    { 
     "dataset": [ 
     { 
      "seriesname": "Status", 
      "data": [ 
      { 
       "value": "500" 
      }, 
      { 
       "value": "400" 
      }, 
      { 
       "value": "8000" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "600" 
      }, 
      { 
       "value": "10000" 
      }, 
      { 
       "value": "5000" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "300" 
      } 
      ] 
     } 
     ] 
    }, 
    { 
     "dataset": [ 
     { 
      "seriesname": "Downloaded", 
      "data": [ 
      { 
       "value": "600" 
      }, 
      { 
       "value": "500" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "300" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "8000" 
      }, 
      { 
       "value": "5000" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "2000" 
      }, 
      { 
       "value": "100" 
      }, 
      { 
       "value": "200" 
      }, 
      { 
       "value": "400" 
      } 
      ] 
     } 
     ] 
    } 
    ] 
} 
    }); 

    revenueChart.render(); 
}); 

私はまた、しかしもし、スクロールチャートはマルチシリーズは、列を積み上げグラフの異なるセットが、そこに現在ではありませんしているように私は、それが今のようにFusionChartsのは不可能である怖いjsfiddle

答えて

1

を作成しましたユースケースシナリオを共有することができます。適切なグラフタイプをお勧めします。

+0

私のユースケースは、janからdecまでの月ラベルです。 req_total、req_success、req_failure、status、ダウンロードしたシリーズ。私はreq_total、req_success、req_failure – user4324324

+0

を組み合わせることができるので、スクロールバーが必要なグラフを見つけようとしていますか?私はここであなたのフィドルを参照しています - http://jsfiddle.net/sghxojj9/2/ –

+0

数字が明確に表示されていません。またバー幅も増やしたい – user4324324

関連する問題