How to increase a RadialMicroChart widht and Height in SAPUI5?

[former_member198924]

Hi All,

I need to increase the width and height for RadialMicroChart in SAPUI5. Can you please suggest me.

[gopalanand]

Hi @duraidurai.venkateshdurai.venkatesh,

The radial micro chart comes with size property as XS, S, M, L

you can try the following code to increase the size:

<Panel headerText="RadialMicroChart size property">
<Label text="XS" /><micro:RadialMicroChart size="XS" percentage="45" press="press"></micro:RadialMicroChart>
<Label text="S" />
<micro:RadialMicroChart size="S" percentage="45" press="press"></micro:RadialMicroChart>
<Label text="M" />
<micro:RadialMicroChart size="M" percentage="45" press="press"></micro:RadialMicroChart>
<Label text="L" />
<micro:RadialMicroChart size="L" percentage="45" press="press"></micro:RadialMicroChart>
<Label text="Auto: M for desktop and tablet and S for phone" />
<micro:RadialMicroChart size="Auto" percentage="45" press="press"></micro:RadialMicroChart>
<Label text="Responsive: Size of its container (default)" />
<micro:RadialMicroChart size="Responsive" percentage="45" press="press"></micro:RadialMicroChart>
</Panel>

Giving custom height to the micro chart can affect the chart's functionality. If still, you need to give custom height, you should create a custom control extending the properties of Microchart.