Hello all,
I have a combined dual chart (two columns and one line) as shown in the picture below. I'd like to format the following things:
- color of columns (costs in one color and Incoming Order List in a different)
- color of outer ticks of both y-axis
- hiding the minor gridline of y-axis
I changed both y-axis colors with this svg-css lines:
.chart-style-1 g.v-m-yAxis g.viz-axis-body.v-body path.v-fixed-valueaxisline {stroke: #dbcbcb;}
.chart-style-1 g.v-m-yAxis2 g.viz-axis-body.v-body path.v-fixed-valueaxisline {stroke: #dbcbcb;}
For the outer tick lines I tried this - but it didn't work:
.chart-style-1 g.v-m-yAxis g.viz-axis-body.v-body line.v-fixed-valueaxisline {stroke: #dbcbcb;}
I also tried to hide the minor gridline with this command (also no impact):
.chart-style-1 g.v-m-yAxis g.viz-axis-body.v-body line.v-gridline {stroke-width: 0;}
The color configuration of a dual chart is very limited. You can only set colors for 2 series and Design Studio colors the y-axis as well. There is no color configuration for the individual measures anymore.
Does anyone has an idea of how the SVG commands in CSS has to be for changing the colors of columns and outer ticks and hide the minor gridline?
Thanks,
Andreas