Sign in to follow this  
Followers 0
nperry

Zoomline rendering problem while using yaxisminValue

By nperry, in General usage

Recommended Posts

nperry   

nperry
Posted

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

post-63600-0-94194600-1418043220_thumb.jpg

post-63600-0-24697300-1418043320_thumb.jpg

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  
Followers 0
Go To Topic Listing General usage