Skip to Content
author's profile photo Former Member
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 a comment
10|10000 characters needed characters exceeded

Related questions

4 Answers

  • Posted on Dec 15, 2016 at 02:40 PM

    Hi Chimmani,

    Are you using INFOCHART Component?

    Can you share any screen shot.

    Regards,

    Vidhya.C

    Add a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on 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 a comment
    10|10000 characters needed characters exceeded

  • author's profile photo Former Member
    Former Member
    Posted on 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 a comment
    10|10000 characters needed characters exceeded

  • Posted on 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 a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.