Numdivlines Not Working In Html5, Have To Use _Overridejschartconfiguration

[DannyR]

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.

Edited October 8, 2010 by DannyR

[FusionCharts Support]

Thanks.