Kendo chart bootstrap

[Sampathkumar]

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

.

 

 

 

[Stefan]

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

[Sampathkumar]

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

 

[Sampathkumar]

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

[Stefan]

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