Skip to Content
avatar image
Former Member

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

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Jan 10 at 04:50 PM

    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

    Add comment
    10|10000 characters needed characters exceeded

  • Jan 11 at 03:12 AM

    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

    Add comment
    10|10000 characters needed characters exceeded