2017-04-11 13 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는 가능하지 않습니다 두려워

답변

1

jsfiddle을 만들었습니다 유스 케이스 시나리오를 공유 할 수 있습니다. 적합한 차트 유형으로 제안 할 수 있습니다.

+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