Chart height continually increasing

[Phil]

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 

[Daniel Probst]

I have the same issue when switching pages in a grid whose data source is also bound to a chart.

[Hristo Germanov]

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

[Daniel Probst]

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).

[John]

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?

[Hristo Germanov]

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

[John]

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?

[Hristo Germanov]

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