A Linear Gauge shows a single measured value along a straight axis and can be configured as stacked range bars to visualize component breakdowns. AnyChart JS supports range bar pointers, markers, and labels to present multi-part data clearly.
This dashboard compares three lemonade recipes—Quick, Strawberry, and Ginger—as stacked column-style gauges. Each bar is segmented by ingredient (water, lemon, sugar, and an extra flavor) with color-coded sections and labeled volumes in milliliters. Triangle markers identify each component by name. The gauges are arranged side by side using a table layout for easy comparison.
Follow the step-by-step Linear Gauge Tutorial to learn how such charts are built. See the Linear Gauge documentation for all configuration options.