Skip to Content
avatar image
Former Member

padding to SVG text data display value in sstacked bar chart

SAP BusinessObjects Design Studio

Release 1.6 SP1 Patch 2 (Version: 16.1.2)

Source: Relational database, thru UNX

Requirement: I have to display a bar chart and also display the measure value of each bar. However this measure is different one from the measure I'm using to plot. To achieve this, I have used a stacked bar chart (with 2 measures) and made the bar-color of the 2nd measure as white (chart-background is also white). Now I have checked "show data labels" in the additional properties -> "Plot area" section. Now since both measure data values are shown, I have made the color of the first measure data display value as transparent. Thus i end up seeing bar for 1st measure and data display label for 2nd measure as per my requirement but I face one last issue. The label of the 2nd measure starts on the bar itself (the first digit of the display measure label overlaps with the graph). Can some one help me in moving the 2nd measure display value to the right (say padding-left: 10px ??). however padding-left doesn;t work on svg-text component and i'm struck there.

Please find the screenshot attached.

I have check SCN before posting this and found lot of helpful posts that helped me solve most of my problems. However there is no post that talks about svg text padding options.

references used before:

https://archive.sap.com/discussions/thread/3965481

https://archive.sap.com/discussions/space/businessobjects-design-studio?page=2

Thanks,

Srikanth

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    avatar image
    Former Member
    Oct 25, 2016 at 07:52 AM

    Hi Srikanth,

    You are using stacked bar chart in which you will not have the option to position the data labels as the data labels will be availabe for each data point of stack. You are showing only final value in the data labels, So you can uncheck the "Show data labels" option and instead of that select "Show totals" option which will show the total value outside the bar.

    If you are going to show only one dimension in the chart, you can use the simple bar chart instead of stacked bar chart and change the position of the data label inside or outside the bar.

    Thanks,

    Poovarasan

    Add comment
    10|10000 characters needed characters exceeded

  • Oct 24, 2016 at 09:05 AM

    Can we assume you have adjusted the position of the properties as shown:

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 25, 2016 at 01:27 PM

    Thanks Poovarasan for your response.

    You are right, I'm using a stacked bar chart as there are 2 measures (say "$ sales" and "# Customers") involved in plotting the graph. The visible bar should be based on "$ Sales" and "# Customers"should be used to display the value. Due to that I cannot use total as that would be wrong.

    I have made the color of the "#customers" stacked bar as the same color as the background to hide it and similarly the displayed value of"$ Sales" is made invisible so that only "# customers" value is shown. I'm struggling through CSS to move the number (# Customers displayed on graph screenshot) a bit to the right but with no success. Any suggestions ?

    Thanks,

    Srikanth

    Add comment
    10|10000 characters needed characters exceeded