Showing results for 
Search instead for 
Did you mean: 

How to reduce the space in y axis in the charts ( Scatter charts )

Former Member
0 Kudos

I have requirement to reduce the space y axis on each level. I can't change my height of the chart.

Accepted Solutions (0)

Answers (2)

Answers (2)

0 Kudos

You could control the space occupation of valueAxis/valueAxis2 on scatter chart by the following property

valueAxis:{layout:{width: "200px", height: "200px"}},

valueAxis2:{layout:{width: "200px", height: "200px"}},

I have a demo here,output

Product and Topic Expert
Product and Topic Expert
0 Kudos

Hi Srinivasulu,

Have you tried setting the height property to something less than 100%. Something like:

<viz:VizFrame id="idVizFrame" uiConfig="{applicationSet:'fiori'}"
                height='200px' width="100%" vizType='scatter'>

Some UI5 components will require more space to be drawn on the screen and since it is a responsive framework, it will try its best to figure how to display it based on the available screen size. So, be careful while trying to control how much space a particular component takes, as it may be displayed differently on several device form factors.