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

Set size of PolarLine Chart

3 Answers 82 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ricardo
Top achievements
Rank 1
Ricardo asked on 26 May 2017, 02:59 PM

is there any way to set specific size of PolarLine Chart (not the ChartArea, the chart)

In the image it can be seen the "space reserver to I don't know what" 

So there is two options, determine the size of Chart, or equalize the size of chart to the ChartArea.

 

3 Answers, 1 is accepted

Sort by
0
Stamo Gochev
Telerik team
answered on 30 May 2017, 08:11 AM
Hi Ricardo,

There isn't a specific option that determines the size of the chart as in most cases this can be controlled by a combination of both the plotArea.padding property (as you have mentioned) and the dimensions of the element that the chart is initialized from:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-plotArea.padding

The following Dojo example demonstrates the above suggestion and can be used as a reference:

http://dojo.telerik.com/@stamo/UviSE

Regards,
Stamo Gochev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ricardo
Top achievements
Rank 1
answered on 30 May 2017, 08:21 AM
The solution was creating a function that rezise chart once is calculated depending the cointainer size, in my case was:
function reziseChart(ParentDiv){
   var clientHeight = document.getElementById(ParentDiv).clientHeight;
   var c = $("#chart2").data("kendoChart");           
   c.options.chartArea.margin = - clientHeight * 0.425;            
   c.refresh();
}
0
Stamo Gochev
Telerik team
answered on 31 May 2017, 05:22 AM
Hello Ricardo,

I am glad to hear that you have managed to successfully customize the dimensions. Using the chartArea.margin option is also an applicable solution.

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