Scroll charts numVisible plots and scrollHeight
Created using FusionCharts Suite XT - www.fusioncharts.com
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<!-- Scroll Combination 2D Chart with Column, Line and Area data series -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueCompChart = new FusionCharts({
type: 'scrollcombi2d',
renderAt: 'chart-container',
width: '550',
height: '400',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "",
"subcaption": "",
"basefont": "Arial",
"basefontsize": "13",
"basefontcolor": "333333",
"bgcolor": "ffffff",
"showborder": "0",
"canvasborderthickness": "2",
"canvasbordercolor": "666666",
"charttopmargin": "5",
"chartrightmargin": "0",
"chartbottommargin": "15",
"chartleftmargin": "0",
"labelpadding": "8",
"valuepadding": "5",
"numvisibleplot": "6",
"showyaxisvalues": "0",
"showalternatehgridcolor": "0",
"numdivLines": "0",
"plotgradientcolor": " ",
"showplotborder": "0",
"canvaspadding": "0",
"scrollheight": "10",
"scrolltoend": "1",
"plotspacepercent": "15",
"showtooltip": "0",
"placevaluesinside": "0",
"showlegend": "1",
"legendborderthickness": "2",
"legendbordercolor": "f2f2f2",
"legendshadow": "0",
"interactivelegend": "6",
"labeldisplay": "WRAP",
"animation": "0",
"palettecolors": "#068dd1,#ff7200,#e5eea0,#fbd8ed,#feecc4,#3d890a,#ed0e51,#fdc243,#376a14,#0c2577",
"yaxismaxvalue": 10
},
"categories": [{
"category": [{
...