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

Kendo chart bootstrap

4 Answers 33 Views
Chart
This is a migrated thread and some comments may be shown as answers.
Sampathkumar
Top achievements
Rank 1
Sampathkumar asked on 19 Jun 2018, 11:04 AM

Hi All,

I am using 6-10 kendo charts in my project to display data,now i am stuck with the minimize and maximize of the window.How can we acheive chart size should be resized with the window resizes.Kindly help me in achieving.

Please revert back if you any questions.

 

Thanks & Regards,

Sampath

.

 

 

 

4 Answers, 1 is accepted

Sort by
0
Stefan
Telerik team
answered on 20 Jun 2018, 06:02 AM
Hello, Sampath,

Thank Chart should automatically resize if the container is resized unless there is a specific dimension set the ChartArea:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/chartarea

Please check the video of the expected result:

https://www.screencast.com/t/OZnUAt4T

Please let me know if I missed something.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Sampathkumar
Top achievements
Rank 1
answered on 22 Jun 2018, 10:41 AM

Hello Stefan,

Thanks  for the Reply!

I have attached my html code and output generated by this html code(Image.jpeg).

My requirement is the charts should be resized when the window resizes and it should come down in one straight line should not overlap on each other.Kindly help me how can i achieve the requirement.It would be helpful/thankful if you can guide at earliest.

Current status of the html file is resizing is happening but it is overlapped on each other.

Thanks & Regards,

Sampath

 

0
Sampathkumar
Top achievements
Rank 1
answered on 22 Jun 2018, 10:43 AM

Hello Stefan,
Thanks  for the Reply!

I have attached my html code and output generated by this html code(Image.jpeg).
My requirement is the charts should be resized when the window resizes and it should come down in one straight line should not overlap on each other.Kindly help me how can i achieve the requirement.It would be helpful/thankful if you can guide at earliest.
Current status of the html file is resizing is happening but it is overlapped on each other.

Thanks & Regards,
Sampath


0
Stefan
Telerik team
answered on 25 Jun 2018, 07:12 AM
Hello, Sampath,

Thank you for the provided details.

I checked the picture, but the Charts does not seem to be overlapping.

Could you please share a video of the result when resizing.

Please have in mind that the Charts should resize automatically and call additional functions is not required in most cases.

Also, as mentioned in the first reply, when the ChartArea the Chart takes this values are fixed and does not automatically resizes based on the containers:

.ChartArea(chartArea =>
{
    chartArea.Height(300);
    chartArea.Width(500);
    chartArea.Margin(5);
})

Please remove these values and check how the Chart will behave.

Regards,
Stefan
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Chart
Asked by
Sampathkumar
Top achievements
Rank 1
Answers by
Stefan
Telerik team
Sampathkumar
Top achievements
Rank 1
Share this question
or