Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
714
How can the disproportional space, on left and right sides of a WIDE chart, can be removed?
posted

Hi,

Below is the two images of a chart with the following markup:

 

<igChart:XamChart Theme="Neon">

  <igChart:XamChart.Legend>

    <igChart:Legend Visible="False" />

  </igChart:XamChart.Legend>

</igChart:XamChart>

 

The first image is when this chart in a window with a width of 350 and the other one when the width of the window is 560.

The problem is the disproportional space on the left side. The right side also has abundant space but it can be ignored. On the other hand the space on the left side is really disturbing. That space should be used by the data area. And as the chart gets wider it looks uglier.

I couldn't find a way to get rid of that space. Is there any way or is it a bug?

Thanks in advance

  • 9836
    Verified Answer
    posted

    You can control this space with a custom margin for the Scene or the GridArea:

    <igChart:XamChart.Scene >

                    <igChart:Scene MarginType="Auto">

                        <igChart:Scene.GridArea>

                            <igChart:GridArea MarginType="Percent" Margin="5,10,10,10"/>

                        </igChart:Scene.GridArea>

                    </igChart:Scene>

    </igChart:XamChart.Scene>

    Hope this helps.