Is there a way to eliminate or conceal the step ticks and labels of the animation slider? I want to get rid of the slider's step markers (ticks) and the corresponding labels: 'Red', 'Green' and 'Blue' located beneath the slider.
However, I still want the current frame/step label to be visible. (It should remain above the slider on the right side)
I would prefer to achieve this through plotly's layout configuration, but if hiding via CSS rules is possible, I am open to suggestions.
The example provided below is directly sourced from their sample page here: https://codepen.io/plotly/pen/NbKmmQ
Plotly.plot('graph', {
data: [{
x: [1, 2, 3],
y: [2, 1, 3],
line: {
color: 'red',
simplify: false,
}
}],
layout: {
sliders: [{
pad: {t: 30},
x: 0.05,
len: 0.95,
currentvalue: {
xanchor: 'right',
prefix: 'color: ',
font: {
color: '#888',
size: 20
}
},
transition: {duration: 500},
steps: [{
label: 'red',
method: 'animate',
args: [['red'], {
mode: 'immediate',
frame: {redraw:false, duration: 500}
}]
}, {
label: 'green',
// other steps
}],
}]}})
});
html, body {
margin: 0;
padding: 0;
}
#graph {
vertical-align: top;
}