How to hide X-axis in a dashboard for a specific bar chart in superset v6.0.0?

[asishPatnaik2000]

How to hide X-axis in a dashboard for a specific bar chart in superset v6.0.0?

[asishPatnaik2000]

@dosu any help here?

[dosubot[bot]]

Unfortunately, Superset v6.0.0 does not have a built-in toggle to completely hide the X-axis on ECharts-based bar charts [1] [2].

The Customize tab does offer these X-axis options, but none fully hide it:

• X Axis Title — you can leave this blank to remove the title [3]
• X Axis Label Rotation — rotate labels (0°, 45°, 90°) [4]
• Truncate X Axis / X Axis Bounds — control numerical range [5]

Workarounds to visually hide the X-axis:

1. Custom CSS — In the chart's dashboard context, you can add custom CSS to hide the axis. Go to the dashboard, click the three-dot menu on the chart card → enter CSS like:

   .echarts-for-react svg g[clip-path] ~ g:last-of-type { display: none; }

   (The exact selector may vary — inspect the rendered chart to target the axis group.)

2. Code-level change — If you're self-hosting, you could modify the ECharts transformProps to add show: false to the xAxis configuration object [6].

There's no simpler path at the moment. If this is important to your workflow, consider opening a feature request for an "X-axis visibility" toggle.

To reply, just mention @dosu.

---

Docs are dead. Just use Dosu.

[amlan5]

@dosu I couldn't find the option "Go to the dashboard, click the three-dot menu on the chart card". I tried it inside Themes and CSS in the edit dashboard option. It didn't work.
.chart-slice[data-test-chart-name="Hierarchy Tree"] .echarts-for-react svg g[clip-path] ~ g:last-of-type { display: none !important; }