Welcome Guest Search | Active Topics |

BUG REPORT: Stacked Area and Stacked 100% Area Chart Types
teaves
#1 Posted : Wednesday, July 8, 2015 9:36:34 AM(UTC)
Rank: Newbie

Groups: Registered
Joined: 7/8/2015(UTC)
Posts: 2

Thanks: 1 times
Was thanked: 0 time(s) in 0 post(s)
Recently, I have been working to integrate the Stacked Area and Stacked 100% Area charts into our application; however, in doing so, I have found a bug. In order to re-create this bug, you can pull the chart example from your website-provided samples (it's actually a really great test case).

Re-Create the Bug
To re-create the bug, "choose" a series in the JSON and set a number of the data points to 0 (I chose "Stacked 2", as seen in the embedded javascript, below, pulled directly from your site) and re-render the chart.

Code:
    <script lang="javascript" type="text/javascript">
        $(document).ready(function () {
            $('#jqChart').jqChart({
                title: { text: '100% Stacked Area Chart' },
                animation: { duration: 1 },
                shadows: {
                    enabled: true
                },
                axes: [
                    {
                        type: 'category',
                        location: 'bottom',
                        categories: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
                    }
                ],
                series: [
                    {
                        type: 'stacked100Area',
                        title: 'Stacked 1',
                        data: [62, 70, 68, 58, 52, 60, 48],
                        labels: {
                            font: '12px sans-serif'
                        }
                    },
                    {
                        type: 'stacked100Area',
                        title: 'Stacked 2',
                        data: [56, 30, 0, 0, 0, 36, 70],
                        labels: {
                            font: '12px sans-serif'
                        }
                    },
                    {
                        type: 'stacked100Area',
                        title: 'Stacked 3',
                        data: [33, 42, 54, 23, 54, 47, 61],
                        labels: {
                            font: '12px sans-serif'
                        }
                    }
                ]
            });
        });
    </script>

</head>
<body>
    <div>
        <div id="jqChart" style="width: 500px; height: 300px;"></div>
    </div>
</body>
</html>


Description of Bug
You'll notice that rather than allowing the series with data to dominate the chart, the series with values of 0 do not disappear; rather, those series with values of 0 "extend" (overlap) the series with data, visually indicating the presence of greater than 0 data.

I'd post a picture; however, I am having great difficulty getting a picture from my file system into your forum
Dragan
#2 Posted : Tuesday, July 14, 2015 12:31:15 PM(UTC)
Rank: Advanced Member

Groups: Administrators, DataVizJavaScript, jQueryChart, jQueryDV, MvcChart, Registered
Joined: 1/3/2011(UTC)
Posts: 483

Thanks: 0 times
Was thanked: 87 time(s) in 87 post(s)
I sent you a fixed version via email. The fix will be available in the next release as well.
Best Regards,
Dragan Matek
jqChart Inc.
1 user thanked Dragan for this useful post.
teaves on 7/14/2015(UTC)
teaves
#3 Posted : Tuesday, July 14, 2015 12:50:41 PM(UTC)
Rank: Newbie

Groups: Registered
Joined: 7/8/2015(UTC)
Posts: 2

Thanks: 1 times
Was thanked: 0 time(s) in 0 post(s)
I'll implement it within the next 48 hrs. and let you know how it goes.. That is hugely helpful. Thank you.
Users browsing this topic
Guest (3)
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

FlatEarth Theme by Jaben Cargman (Tiny Gecko)
Powered by YAF 1.9.4 | YAF © 2003-2010, Yet Another Forum.NET
This page was generated in 0.093 seconds.