cancel
Showing results for 
Search instead for 
Did you mean: 

Reducing the bar width in bar chart in SAP design studio

Former Member
0 Kudos

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}

former_member193885
Contributor
0 Kudos

Hi Balaji,

You can do this in ChartsPLUS using the Column Width property (as a percentage) or using a set Column Width for the bar.

If you are interested you can request a trial from the link below.

http://archius.com/products/chartsplus-for-sap-businessobjects-design-studio/

Thanks.

Deepu

Accepted Solutions (0)

Answers (4)

Answers (4)

former_member241445
Participant
0 Kudos

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

Former Member
0 Kudos

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

Former Member
0 Kudos

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

Vidhya
Active Participant
0 Kudos

Hi Chimmani,

Are you using INFOCHART Component?

Can you share any screen shot.

Regards,

Vidhya.C