Line cleeding out of limits
Created using FusionCharts Suite XT - www.fusioncharts.com
by Nabajeet Sonowal
HTML
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- A simple Column 2D chart showing monthly revenue of Harry's SuperMart for last year. -->
<div id="chart-container">FusionCharts will render here</div>
JavaScript
FusionCharts.ready(function () {
var revenueChart = new FusionCharts({
type: 'mscombidy2d',
renderAt: 'chart-container',
width: '500',
height: '500',
dataFormat: 'json',
dataSource: {
"chart": {
"caption": "E-UTRAN HO Success Ratio, Inter eNB X2 based",
"captionfontsize": "25",
"captionfontbold": "1",
"subcaption": "25-Dec-2014 -To- 27-Dec-2014",
"subcaptionfontsize": "12",
"xaxisname": "Time (Hourly)",
"pyaxisname": "Percentage (%)",
"syaxisname": "COUNTS (#)",
"numbersuffix": "%",
"yaxisvaluesstep": "1",
"adjustdiv": "0",
"numdivlines": "10",
"pyaxismaxvalue": "110",
"syaxismaxvalue": "150",
"animation": "1",
"labelstep": "24",
"showvalues": "0",
"showsecondarylimits": "1",
"anchoralpha": "0",
"linecolor": "#FFBF00",
"showlimits": "0",
"pyaxisvaluedecimals": "0",
"syaxisvaluedecimals": "0",
"legendiconscale": "2",
"bgcolor": "#ffffff",
"useplotgradientcolor": "0",
"plotborderalpha": "10"
},
"categories": [{
"category": [{
"label": "25-Dec 00:00"
}, {
"label": "25-Dec 00:15"
}, {
"label": "25-Dec 00:30"
}, {
"label": "25-Dec 00:45"
}, {
"label": "25-Dec 01:00"
}, {
"label": "25-Dec 01:15"
}, {
...