on 08-28-2015 2:04 PM
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
I don't believe that CSS pseudo-selectors (:after) work with SVG text elements.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
85 | |
10 | |
10 | |
10 | |
7 | |
6 | |
6 | |
5 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.