Skip to Content
0

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

Jan 09 at 09:20 PM

42

avatar image
Former Member

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

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Ivan Mirisola
Jan 10 at 04:50 PM
0

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.

Regards,
Ivan

Share
10 |10000 characters needed characters left characters exceeded
avatar image
Former Member
Jan 11 at 03:12 AM
0

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 http://jsbin.com/dudoniz/edit?html,output

Share
10 |10000 characters needed characters left characters exceeded