ECharts options overrides in themes: How to target specific chart instance

[VasilijeBursac]

Hello everyone!

I’m looking into using ECharts options overrides in Superset via Theme system and I’d like to clarify the scope at which these overrides can be applied.

From the documentation and code, I see that Superset supports these two tokens, which allow customizing ECharts configuration via global or dashboard-specific themes:

• echartsOptionsOverrides - globally for all ECharts visualizations
• echartsOptionsOverridesByChartType - per chart type (e.g. TimeSeriesChart)

However, a single dashboard can contain multiple instances of the same chart type (for example, several TimeSeries charts with different datasets).

My question is:

Is it possible to target a specific chart instance with ECharts option overrides, or are overrides limited to global and per-chart-type scope only? Can overrides be applied based on a chart’s slice ID, chart ID, or dashboard-specific context or is the intended design that ECharts overrides apply uniformly to all charts of a given type?

This is particularly important because not all ECharts options are currently exposed through the “Edit chart” UI. In some cases, fine-grained visual or behavioral adjustments are only possible via direct ECharts configuration, which makes instance-level overrides very desirable.

If per-instance overrides are not currently supported:

Is there a recommended workaround?
Has there been any discussion or roadmap consideration for adding instance-level overrides?

Thanks in advance! @mistercrunch @rusackas @msyavuz

[dosubot[bot]]

Superset’s theme system only supports ECharts options overrides globally (echartsOptionsOverrides) or per chart type (echartsOptionsOverridesByChartType). There’s no built-in way to target a specific chart instance (like by slice ID, chart ID, or dashboard context)—overrides always apply uniformly to all charts of a given type, not per instance ThemeController code PR discussion Docs.

There’s a CSS workaround for visual tweaks: you can use dashboard CSS to target a chart by its chart ID (e.g., #chart-id-146) for things like hiding columns in Table charts, but this only affects styling, not ECharts options CSS example.

For advanced or per-instance ECharts customizations, you’d need to modify the frontend code (e.g., chart plugin files like transformProps.ts) or build a custom plugin Discussion. There’s no evidence of ongoing development or roadmap plans for instance-level ECharts overrides.

If you want to explore further or propose a feature, check out the theming docs and related discussions.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}

   

[msyavuz]

That's an interesting idea but i don't think we have this capability yet in the theme configuration. Bot is correct about using dashboard css as a workaround for now. I'd imagine a feature like chart theme would be the best way to do this but as far as i know there isn't a roadmap.