This is a migrated thread and some comments may be shown as answers.

Chart height continually increasing

7 Answers 304 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Phil
Top achievements
Rank 1
Phil asked on 28 Dec 2011, 11:19 PM
Hey all,

Not sure if this is a bug or if I am just doing something wrong. I copy pasted the source code for the high performance chart (http://demos.kendoui.com/dataviz/high-performance/index.html) and when I click on the start update button, the chart height start growing and doesn't seem to stop. On your website, it seems to be contained within the demo window, but when I use the sample code on my server, the chart starts growing and eventually surpasses the height of the page (a scroll bar appears) and it just seems to keep growing with each data update.

I have tried this on both chrome and firefox. I am using a reference to kendo.all.min.js, kendo.common.min.css, kendo.default.min.css, and jquery 1.7.1

Cheers,
Phil 

7 Answers, 1 is accepted

Sort by
0
Daniel Probst
Top achievements
Rank 1
answered on 02 Jan 2012, 12:29 AM
I have the same issue when switching pages in a grid whose data source is also bound to a chart.
0
Hristo Germanov
Telerik team
answered on 02 Jan 2012, 10:34 AM
Hi,

Thank you for reporting this issue.

I confirm that this is a bug and it is already fixed and the fix will be include with the next official release of Kendo UI.

The workaround is to set height to the chart.

Greetings,
Hristo Germanov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Daniel Probst
Top achievements
Rank 1
answered on 04 Jan 2012, 11:50 PM
This does not work when doing the following:
function initializeDailyUsageChart(data) {
            $("#chartConsumptionByHourForUser").kendoChart({
                theme: "metro",
                height: 200,
                title: {
                    text: "{$k}"
                },
                legend: {
                    position: "bottom"
                },
                seriesDefaults: {
                    type: "line",
                    color: "#1BA1E2"
                },
                series:
                [{
                    name: "kWh",
                    data: eval(data)
                }],
                categoryAxis: {
                    categories: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23]
                },
                valueAxis: {
                     
                },
                tooltip: {
                    visible: true
                }
            });
        }


where data is an array string (loaded via json).
0
John
Top achievements
Rank 1
answered on 05 Jan 2012, 09:39 PM
I have the same issue, when I refresh the chart the Height grows by 5px each time.

I have tried all I can think of to try and set the Height somewhere as a work-around but this does not seem to work.

I even added a CSS rule to try and set the height on the div k-chart but this seems to be ignored.

Kendo Support : Can you please show us how to set the height until this bug is fixed?
0
Hristo Germanov
Telerik team
answered on 06 Jan 2012, 10:59 AM
Hello,

Can you try to set height to the chart area or to the wrapper of the chart:

chartArea: {
   height: 500
}
OR
<div id="chart" style="height: 500px;"></div>

All the best,
Hristo Germanov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
John
Top achievements
Rank 1
answered on 06 Jan 2012, 07:33 PM
Thanks .. that worked.  The docs do not mention that the Height can be set for the chartArea.

Any idea when the next release will be?  Do we have to wait until the end of Q1 before this is fixed?
0
Hristo Germanov
Telerik team
answered on 09 Jan 2012, 10:15 AM
Hello John Wilcox,

The bug is fixed and it will be included with next official release of Kendo UI (SP1) scheduled for the end of the month. If you don't want to wait, please open a support ticket.

Regards,
Hristo Germanov
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Charts
Asked by
Phil
Top achievements
Rank 1
Answers by
Daniel Probst
Top achievements
Rank 1
Hristo Germanov
Telerik team
John
Top achievements
Rank 1
Share this question
or