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
- Go to Visualizer > Chart Library.
- Open the chart you want to edit.
- Go to Settings > Horizontal Axis Settings > General Settings.
- Enable Slanted Text.
- Set Slanted Text Angle and test values like
45,60, or90until labels render fully. - 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:
- Increase chart width and height so labels have more rendering space. Follow How to change width and height of a chart in Visualizer.
- 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
}
}
}