如何獲得msstackedcolumn2d融合圖表滾動條

我一直在使用融合圖表的許多應用程序。最近我使用了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(); 
});

我也創建jsfiddle

來源

2017-04-11 user4324324

恐怕是不可能的FusionCharts的截至目前，作爲滾動圖表是不同組的圖表，其中，多系列的堆積柱形圖目前是不存在的，但是如果你可以分享用例場景，我可以建議你一個合適的圖表類型

來源

2017-04-13 07:37:45

我的用例是將月份標籤從1月份開始到12月份。和系列有req_total，req_success，req_failure，狀態，已下載。我試圖找到一個圖表，我可以結合req_total，req_success，req_failure – user4324324

爲什麼你需要一個滾動條？我指的是你的小提琴在這裏 - http://jsfiddle.net/sghxojj9/2/ –

數字不清晰可見。此外，我想增加酒吧的寬度 – user4324324

如何獲得msstackedcolumn2d融合圖表滾動條

回答

相關問題