Skip to content

Horizontal axis labels are truncated or cut off in Visualizer

If your chart's horizontal (X) axis labels look shortened, cut off, or replaced with ..., you can fix this from the chart settings. This guide walks you through the built-in fix and additional options when labels still do not fit.

In this article

Why this happens

Visualizer uses Google Charts for many chart types. When there is not enough room to render all horizontal axis labels, Google Charts can shorten labels with ..., cut them off, or hide some labels.

Fix truncated labels with Slanted Text

  1. Go to Visualizer > Chart Library.
  2. Open the chart you want to edit.
  3. Go to Settings > Horizontal Axis Settings > General Settings.
  4. Enable Slanted Text.
  5. Set Slanted Text Angle and test values like 45, 60, or 90 until labels render fully.
  6. Click Save Chart and check the chart preview.

Give labels more room

If labels are still cut off, increase the space available to the chart and chart area:

  1. Increase chart width and height so labels have more rendering space. Follow How to change width and height of a chart in Visualizer.
  2. Adjust chart area placement and margins to prevent label clipping near the chart edges. Follow How to configure chart area in Visualizer.

Use Manual Configuration for advanced hAxis control

If you need more control than the UI options, add a custom hAxis configuration in Settings > Manual Configuration. See Manual Configuration for details.

json
{
  "hAxis": {
    "slantedText": true,
    "slantedTextAngle": 90,
    "textStyle": {
      "fontSize": 12
    }
  }
}
Was this helpful?