Skip to Content
avatar image
Former Member

Reducing the bar width in bar chart in SAP design studio

Dear All,

I have read through all the posts on this topic to reduce the size of bar width in a bar chart but none of them worked for me. I am using IE 11, following are the css scripts that I have used but none of them working

.chartsize
{
rect.v-datapoint {width: 5px !important;}
}

.v-column
{
g.v-datashape rect.v-datapoint {width: 26 !important;}
g.v-datashape rect.v-datapoint {x: 25 !important;}
g.v-datashape rect.v-datapoint {fill: #353535 !important;}
}

.v-column
{
g.v-bar g.v-datashape:nth-child(1) rect.v-datapoint.v-morphable-datapoint {width: 5px; !important}
}

g.v-bar g.v-datashape:nth-child(1) rect.v-datapoint.v-morphable-datapoint {width: 5px; !important}

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

4 Answers

  • Dec 15, 2016 at 02:40 PM

    Hi Chimmani,

    Are you using INFOCHART Component?

    Can you share any screen shot.

    Regards,

    Vidhya.C

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Dec 15, 2016 at 02:55 PM

    Hi Vidhya,

    Thank you.

    I am using normal vertical bar chart. Attached screenshot.

    Used the below code as well but it is not working in IE11. I need this to work on IE11 as we don't use chrome.

    took the code from DOM explorer (F12 in IE) but it is not working.

    .v-column {
    g.v-datashape rect.v-datapoint {width: 15 !important;}
    g.v-datashape rect.v-datapoint {x: 25 !important;}
    g.v-datashape rect.v-datapoint {fill: #353535 !important;}: ;
    }

    Thanks,

    Balaji C

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Dec 16, 2016 at 08:39 AM

    Dear

    Deepu Sasidharan,

    Thank you....

    My client is not interested in any third party application / plugins, I need to get this working in IE11 with whatever tool provides..

    Thanks,

    Balaji C

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Dec 19, 2016 at 08:14 AM

    Hi,Chimmani.

    maybe you can use this style to change the width,I used it to change color,hope can help you .

    And,if you succeed,please share.

    .v-info .v-m-root g.v-m-main g.v-m-plot g.v-plot-main g.v-datapoint-group g.v-datapoint.v-morphable-datapoint.v-datapoint-default rect{
        fill: #353535 !important;
    }

    Thanks.

    Jing

    Add comment
    10|10000 characters needed characters exceeded