cancel
Showing results for 
Search instead for 
Did you mean: 

How to remove ticks in chart via CSS

gertjan_oostrum
Explorer
0 Kudos

Hi,

I am running on DS 1.5 and I would like to remove the ticks in a category axis of a stacked bar chart

I have identified the class: v-categoryaxisline and the parameter I need so set to remove the ticks is the y2 value from "5" to "0"

Local test in browser (changed the CSS by hardcode in browser, works perfect, but I need to adjust all the line classes below the path class)

I tried to achieve it via below CSS:

.chart-style-1 .v-categoryaxisline { y2="0" !important}

It is not working. I also tried other patameters like TickLenght, without success

Changing the color of the axis is working properly.

Accepted Solutions (0)

Answers (1)

Answers (1)

gertjan_oostrum
Explorer
0 Kudos

I managed to remove all ticks except the one in the beginning and the end:

.chart-style-1   line.v-categoryaxisline {

  display:none ;

Now only the first and last one to be removed 🙂

former_member194504
Active Contributor
0 Kudos

Hi Jan,

I don't think you can remove that, since it come up with the axis scale, you will end up removing the entire scale if you are trying to do that.

Thanks,

Nithyanandam