Full circle panel gauges have overlapping end ticks.
objs = pn.FlexBox(
pn.indicators.Gauge(
name="Roll",
value=0,
start_angle=-90,
end_angle=270,
bounds=(-180, 180),
format="{value} Degs",
colors=[(0.25, "red"), (0.75, "green"), (1, "red")],
custom_opts={
"splitNumber": 12,
},
),
pn.indicators.Gauge(
name="Heading",
value=0,
start_angle=90,
end_angle=-270,
bounds=(0, 360),
format="{value} Degs",
# colors=[(0.2, "red"), (0.8, "green"), (1, "red")],
custom_opts={
"splitNumber": 12,
"labelLayout": {"hideOverlap": True},
},
),
)
In the image below (which is a little hard to see), each gauge has duplicate numbers displayed at the last tick (-180,180 & 0,360).
Echarts example clock has a function to remove the final tick. But I’m not sure how to implement this formatter function with custom-opts.
axisLabel: {
fontSize: 50,
distance: 25,
formatter: function (value) {
if (value === 0) {
return '';
}
return value + '';
}
Thanks in advance