on 06-05-2014 5:32 PM
Hi,
Im trying to change the color of only the dot in a line in a combination chart in DS 1.2. Please see attached picture and attached CSS code. Any idea what I am doing wrong?
Thanks,
Anders
.chart1 svg g.v-m-plot g.v-markers.v-datashapegroup g.v-axis2 g.v-marker g.v-datashape path:nth-child(1).v-datapoint.v-morphable-datapoint {fill: red;}
.chart1 svg g.v-m-plot g.v-axis2 g.v-marker g.v-datashape path:nth-child(2).v-datapoint.v-morphable-datapoint {fill: red;}
Hi,
In your first css selector the letter "s" is missing from the word "v-datashapegroup", it should be "v-datashapesgroup".
In your second css selector the "nth-child(2)" should be "nth-child(1)". (at least in my test chart: Chart Type "Line - Dual Axis") because each g.v-datashape has only 1 path element.
Or shorter selectors that can be also used:
.chart1 .v-axis1 .v-datapoint {fill: red;}
.chart1 .v-axis2 .v-datapoint {fill: orange;}
where chart1 is the name of the custom css class assigned to a chart component (Properties > Display > CSS Class).
Regards
David
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
Yes! I was able to succeed after adding g.v-marker:nth-child(1) and g.v-marker:nth-child(2). Thank you so much!
I have one last question regarding CSS then my graph is complete
I like to change the tooltip colors for the different dimensions (see image below).
Using this CSS (svg.v-m-tooltip g.v-body path.tooltipsymbol {fill: white;}) I can turn all tooltip colors white but if possible I would like to change the color of them.
Do you have any idea how?
Thanks,
Anders
User | Count |
---|---|
84 | |
25 | |
12 | |
9 | |
7 | |
6 | |
5 | |
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.