With manual styles

Chart is highly customizable, read how to set up your own style for each chart.

The Style tab gives you full control over how your chart looks. It’s broken into logical panels so you can move from broad styling to fine details.

Layout

  1. Palette & series colours — set individual series colours, gradients, and opacity.

  2. Typography — adjust font family, weight, size, and colour for titles, labels, and tooltips.

  3. Grid — change gridline styles.

  4. Data label controls — toggle labels, set formats.

Working with series colours

  • Click a swatch to open the colour picker; use HEX.

  • Reorder series to match your legend order.

Typography tips

  • Match your product’s type ramp by using your primary brand font.

  • Use upper/lowercase intentionally—chart labels inherit exactly what you type.

  • Set subtitles to a smaller point size to create hierarchy.

Grids

  • Use subtle gridlines (light grey or low opacity) to avoid visual noise.

  • Add padding via the Settings tab to create breathing room for titles.

Data labels

  • Enable labels sparingly—too many labels can clutter the chart.

  • Use number formatters (Settings) to keep labels consistent (e.g. $1.2K, 12.3%).

  • For pie charts, combine labels with contrasting colours to maintain readability.

Last updated

Was this helpful?