[CLOSED] Line chart getting shrink, due to legend box Height

[PriceRightHTML5team]

Hi,

I have a line chart, which displays countries and its revenue, the issue i am facing is that, when there are too many countries the chart height get shrink, due to legend box, as there are many countries displayed in legend, it occupies the chart height.

For example if the chart height is 700, it is rendered as 500 Chart Height+200 Legend box height, that's why chart get shrink. How can i make chart height 700 excluding legend height.

Below sample image will give you clear idea:



Thanks

[geoffrey.mcgill]

For example if the chart height is 700, it is rendered as 500 Chart Height+200 Legend box height, that's why chart get shrink. How can i make chart height 700 excluding legend height.

How about just increase the Height of Chart to 900?

[PriceRightHTML5team]

How about just increase the Height of Chart to 900?

Thanks for reply..

I want to set dynamic height to chart, for too many countries 900 Chart height is OK, but in case when there are 2-3 countries chart height will unnecessary get increased.

Is there any way to calculate or assign dynamic height to chart as per the legend items?

Something like this:
Chart height= 700 + Dynamic height of legend box.

[Daniil]

I think you can get the dynamic height of legend box after layouting (I would try an AfterLayout listener with Buffer="50" of a container which contains the Chart):

legendElement.getHeight();

Then set the new height for the Chart:

chart.setHeight(700 + legendHeight);

[PriceRightHTML5team]

Thanks Daniil...

It is working fine.