Sign in to follow this  
DannyR

Numdivlines Not Working In Html5, Have To Use _Overridejschartconfiguration

Recommended Posts

This is on Column3D, but may exist in others as well. With numDivLines set to 3 when Y-Axis goes from 0-100, there should be a tick every 25 (max-min / numdivlines + 1). Works in Flash version, but for HTML5 we have to use _overrideJSChartConfiguration to get the desired result:

 

 <script language="JavaScript">                          
var jsonData = {
       chart: {
	yaxisminvalue: "0",
	yaxismaxvalue: "100",
	numDivLines: "3"
       },
       data:[{
	value: "30"
       }]
};

FusionCharts.setCurrentRenderer("javascript");

var chart = new FusionCharts("../../js/FusionCharts/Column3D.swf", "myChart-chartId", 300, 200);

chart.setJSONData(jsonData);

if (!!chart._overrideJSChartConfiguration) {
chart._overrideJSChartConfiguration({
	yAxis: [{
		tickInterval: 25
	}]
});
}

chart.render("myChart");
</script>  

 

I've attached a screenshot as well.

post-10109-097570900 1286571266_thumb.gif

Edited by DannyR

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this