Hi,
I'm using the trial version (3.5?) in order to evaluate the zoomline javascript chart capabilities. While testing it I encounter some strange behavior. In some cases - when defining chart property "yaxisminValue" – the chart is totally not correct. If I remove this property – the chart is plotted correctly (see attached files). using "setAdaptiveYMin" : 1 also cause the same rendering problem.
The dataset that is causing this problem has many empty data slots.
Another problem is that the value of "numDivLines" is ignored. I set it to 3 but there are 4 line (labels).
This is the html & script I'm using:
<html>
<head>
<title>My First chart using FusionCharts XT - Using JavaScript</title>
<script type="text/javascript" src="lib/fusion-charts/fusioncharts.js"></script>
<script type="text/javascript" src="lib/fusion-charts/themes/fusioncharts.theme.fint.js"></script>
<script type="text/javascript" src="lib/fusion-charts/themes/fusioncharts.theme.ocean.js"></script>
<script type="text/javascript" src="lib/fusion-charts/themes/fusioncharts.theme.zune.js"></script>
<script type="text/javascript" src="lib/fusion-charts/themes/fusioncharts.theme.carbon.js"></script>
</head>
<body>
<div id="chart-container">FusionCharts XT will load here!</div>
<script type="text/javascript">
FusionCharts.ready(function () {
var measurmentChart = new FusionCharts({
type: 'zoomline',
renderAt: 'chart-container',
width: '1158',
height: '300',
dataFormat: 'json',
dataSource: {
"chart": {
"theme": "fint",
//"yaxisminValue": 235,
//"yaxismaxValue": 257,
//setAdaptiveYMin: "1",
"compactdatamode": "1",
"dataseparator": "|",
numVisibleLabels: "5",
"numDivLines": "3",
divLineAlpha: "0"
},
"categories": [
{
"category": "Apr 20|Apr 21|Apr 22|Apr 23|Apr 24|Apr 25|Apr 26|Apr 27|Apr 28|Apr 29|Apr 30|May 01|May 02|May 03|May 04|May 05|May 06|May 07|May 08|May 09|May 10|May 11|May 12|May 13|May 14|May 15|May 16|May 17|May 18|May 19|May 20|May 21|May 22|May 23|May 24|May 25|May 26|May 27|May 28|May 29|May 30|May 31|Jun 01|Jun 02|Jun 03|Jun 04|Jun 05|Jun 06|Jun 07|Jun 08|Jun 09|Jun 10|Jun 11|Jun 12|Jun 13|Jun 14|Jun 15|Jun 16|Jun 17|Jun 18|Jun 19|Jun 20|Jun 21|Jun 22|Jun 23|Jun 24|Jun 25|Jun 26|Jun 27|Jun 28|Jun 29|Jun 30|Jul 01|Jul 02|Jul 03|Jul 04|Jul 05|Jul 06|Jul 07|Jul 08|Jul 09|Jul 10|Jul 11|Jul 12|Jul 13|Jul 14|Jul 15|Jul 16|Jul 17|Jul 18|Jul 19|Jul 20|Jul 21|Jul 22|Jul 23|Jul 24|Jul 25|Jul 26|Jul 27|Jul 28|Jul 29|Jul 30|Jul 31|Aug 01|Aug 02|Aug 03|Aug 04|Aug 05|Aug 06|Aug 07|Aug 08|Aug 09|Aug 10|Aug 11|Aug 12|Aug 13|Aug 14|Aug 15|Aug 16|Aug 17|Aug 18|Aug 19|Aug 20|Aug 21|Aug 22|Aug 23|Aug 24|Aug 25|Aug 26|Aug 27|Aug 28|Aug 29|Aug 30|Aug 31|Sep 01|Sep 02|Sep 03|Sep 04|Sep 05|Sep 06|Sep 07|Sep 08|Sep 09|Sep 10|Sep 11|Sep 12|Sep 13|Sep 14|Sep 15|Sep 16|Sep 17|Sep 18|Sep 19|Sep 20|Sep 21|Sep 22|Sep 23|Sep 24|Sep 25|Sep 26|Sep 27|Sep 28|Sep 29|Sep 30|Oct 01|Oct 02|Oct 03|Oct 04|Oct 05|Oct 06|Oct 07|Oct 08|Oct 09|Oct 10|Oct 11|Oct 12|Oct 13|Oct 14|Oct 15|Oct 16|Oct 17|Oct 18|Oct 19|Oct 20|Oct 21|Oct 22|Oct 23|Oct 24|Oct 25|Oct 26|Oct 27|Oct 28|Oct 29|Oct 30|Oct 31|Nov 01|Nov 02|Nov 03|Nov 04|Nov 05|Nov 06|Nov 07|Nov 08|Nov 09|Nov 10|Nov 11|Nov 12|Nov 13|Nov 14|Nov 15|Nov 16|Nov 17|Nov 18|Nov 19|Nov 20|Nov 21|Nov 22|Nov 23|Nov 24|Nov 25|Nov 26|Nov 27|Nov 28|Nov 29|Nov 30|Dec 01|Dec 02|Dec 03"
}
],
"dataset": [
{
data: "253||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||242|241||242|240|240||239|239|||238|238|238",
lineColor: "#00aadf",
lineThickness: 2,
showHoverEffect: "1",
plotHoverEffect: "1",
"toolTipColor": "#96e5b8",
toolTipBgColor: "#96e5b8",
seriesname: "Systolic"
}
]
}
})
measurmentChart.render();
});
</script>
</body>
</html>
Thanks
