Gauge

A gauge series with one value, a needle over a 0 to 100 dial and the value printed by detail.formatter.

Turn on progress to fill the arc up to the value, and detail.valueAnimation to count the number up as it changes.

A thick progress arc with no ticks, a hollow anchor drawn above the needle and a large value below it.

A half-circle dial from startAngle 180 to endAngle 0, with a custom pointer.icon, rounded caps and a boxed rich value.

Split axisLine.lineStyle.color into three stops, and set the needle and labels to auto so they take the color of the stage they point at.

Four colored bands with an axisLabel.formatter that names each grade, and a triangle pointer.icon riding the arc.

Two gauge series on one center: a wide progress arc with ticks outside it, and a thin arc inside, both updated every two seconds.

Three data items on one dial, each with its own title and detail offset, and progress.overlap stacking their arcs.

Set progress.overlap to false to draw each value as its own ring, with the titles and values stacked in the middle.

Two gauge series with different ranges share a center, one with its ticks outside the line and one inside, like a dual-scale dial.

Three gauge series turned into hour, minute and second hands, with animationEasingUpdate set to bounceOut on the second hand.

Seven gauge series with their own center, radius and angles, built into a speedometer, a tachometer and fuel and coolant dials.