Quantcast
Channel: SCN : Discussion List - SAP BusinessObjects Design Studio
Viewing all articles
Browse latest Browse all 4041

Change the number in a scatter chart with CSS

$
0
0

Hi,

 

I'm trying to replace the data labels in a scatter chart with consecutive numbers with CSS.

 

As an example, I can use the below CSS to insert an "after" pseudo-element right after the actual value. If I do this, it should display first the original value, and then the inserted value, however only the original value is displayed even though I can see the ::after tag in the HTML.


If I create a blank HTML page and do a similar construction, this works fine - see the Fiddle link.

 

I've tried looking around in the CSS, but I can't seem to find anything that should be blocking this.

 

Any ideas?

 

<CSS_Code>

     #UIComp_1 > svg > g.v-m-main > g.v-m-plot > g > g.v-m-datalabel > g > g:nth-child(1) > text:after {

          content: '1';

     }

</CSS_Code>

 

Fiddle link to example: http://jsfiddle.net/nsuu3q83/1/

 

I'm using DS 1.5 and have tried both IE and Chrome. The dashboard is a clean one, only containing a data source and the scatter chart.

 

Regards,

Kris


Viewing all articles
Browse latest Browse all 4041

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>