Skip to Content
0

Reducing the bar width in bar chart in SAP design studio

Dec 15, 2016 at 02:04 PM

182

avatar image

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}

10 |10000 characters needed characters left characters exceeded

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

0
* Please Login or Register to Answer, Follow or Comment.

4 Answers

Vidhya V Dec 15, 2016 at 02:40 PM
0

Hi Chimmani,

Are you using INFOCHART Component?

Can you share any screen shot.

Regards,

Vidhya.C

Share
10 |10000 characters needed characters left characters exceeded
chimmani balaji Dec 15, 2016 at 02:55 PM
0

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


Share
10 |10000 characters needed characters left characters exceeded
chimmani balaji Dec 16, 2016 at 08:39 AM
0

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

Share
10 |10000 characters needed characters left characters exceeded
jing zhang Dec 19, 2016 at 08:14 AM
0

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

Share
10 |10000 characters needed characters left characters exceeded