You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@superset.apache.org by "Yashh-p (via GitHub)" <gi...@apache.org> on 2025/12/31 10:36:19 UTC

[I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Yashh-p opened a new issue, #36878:
URL: https://github.com/apache/superset/issues/36878

   ## 🐞 Issue: Custom Theme Tokens Not Applying to Charts in Superset 6.0.0
   
   ### Environment
   
   * **Apache Superset:** 6.0.0
   * **Theme Type:** Custom UI Theme (via UI Theme Administration)
   * **Rendering Engine:** Ant Design (UI) + ECharts (Charts)
   
   ---
   
   ## 📸 Screenshots
   
   ### UI Theme Applied (No Visible Change in Chart Typography / Layout)
   
   <img width="1027" height="621" alt="Image" src="https://github.com/user-attachments/assets/f207ffc2-6fac-43f6-8779-e58b40004af3" />
   
   ### Chart-Level Overrides Not Reflected
   
   <img width="585" height="276" alt="Image" src="https://github.com/user-attachments/assets/b69c25c5-c537-4eb9-a1e0-4cc7f1d7dacc" />
   
   ---
   
   ## 📝 Description
   
   I have created and applied a **custom UI theme** in **Apache Superset 6.0.0** using the Theme Administration interface.
   
   While the theme is successfully saved and activated:
   
   * **Font size changes (heading tokens)** are **not reflected in the UI**
   * **ECharts overrides** (both global and chart-type-specific) are **not visible in rendered charts**
   * No errors are shown in the browser console or Superset logs
   
   This creates ambiguity around:
   
   * which **tokens are actually supported**
   * which **UI elements consume Ant Design tokens**
   * which **chart elements consume ECharts overrides**
   
   ---
   
   ## 🧩 Theme Configuration Used
   
   ```json
   {
     "token": {
       "fontFamily": "Monsieur La Doulaise, cursive",
       "fontUrls": [
         "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Monsieur+La+Doulaise&display=swap"
       ],
   
       "fontSizeHeading1": 40,
       "fontSizeHeading2": 32,
       "fontSizeHeading3": 26,
       "fontSizeHeading4": 22,
       "fontSizeHeading5": 18,
   
       "lineHeight": 2,
       "lineHeightHeading1": 1.5,
       "lineHeightHeading2": 1.38,
       "lineHeightHeading3": 1.26,
       "lineHeightHeading4": 1.12,
       "lineHeightHeading5": 1,
   
       "colorPrimary": "#b12cfe",
       "colorSuccessBg": "#5ac189",
       "colorWarningBg": "#f4d35e",
       "colorErrorBg": "#ff6b6b"
     },
   
     "echartsOptionsOverrides": {
       "grid": {
         "left": "10%",
         "right": "10%"
       },
       "tooltip": {
         "backgroundColor": "#000000"
       }
     },
   
     "echartsOptionsOverridesByChartType": {
       "echarts_pie": {
         "legend": {
           "orient": "vertical",
           "right": 10
         }
       }
     }
   }
   ```
   
   ---
   
   ## ❓ Observed Behavior
   
   * UI typography (titles, headers, filters, chart titles) **does not reflect configured font sizes**
   * Chart layout and tooltip styles **ignore ECharts overrides**
   * Behavior is consistent across browsers and dashboards
   * Theme activation works, but token consumption appears partial or undocumented
   
   ---
   
   ## ✅ Expected Behavior
   
   * Ant Design tokens such as `fontSizeHeading*`, `lineHeight*`, and `fontFamily` should visibly affect:
   
     * Page headers
     * Dashboard titles
     * Chart titles
     * Control labels
   * `echartsOptionsOverrides` and `echartsOptionsOverridesByChartType` should apply to:
   
     * Legends
     * Tooltips
     * Grid spacing
     * Chart-specific elements (e.g. pie legend orientation)
   
   ---
   
   ## 📌 Request / Ask
   
   Could the maintainers please provide:
   
   1. **An authoritative list of UI elements** that consume Ant Design theme tokens, such as:
   
      * Page headers
      * Dashboard titles
      * Chart titles
      * Subheaders
      * Filters
      * Modals
      * Tables
   
   2. **A definitive mapping of chart elements → supported ECharts options**, for example:
   
      * Chart title
      * Subtitle
      * Legend
      * Tooltip
      * Axis labels
      * Data labels
      * Grid / padding
      * Annotations
   
   3. Clarification on:
   
      * Which tokens are **intentionally ignored**
      * Which tokens are **UI-only vs chart-only**
      * Whether additional configuration (feature flags, rebuild, cache busting) is required
   
   ---
   
   ## 🎨 Design Input
   
   If this behavior is expected, clearer documentation would significantly improve:
   
   * Theme adoption
   * Brand customization
   * Enterprise design consistency
   
   **Suggested labels:**
   
   * `bug`
   * `theme`
   * `charts`
   * `design:suggest`
   * `documentation`
   
   ---
   
   ### Thank you for the guidance — clarity here would unlock meaningful theming capabilities for Superset users.
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "mnoles-vc (via GitHub)" <gi...@apache.org>.
mnoles-vc commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4264631389

   Running into the same issue, adding the overrides inside the token config didn't work unfortunately @Vitor-Avila 


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "MisterVince333 (via GitHub)" <gi...@apache.org>.
MisterVince333 commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3959967866

   Same problem. ECharts overrides don't do anything.
   I hope in the (near) future, this will be possible:
   
   `{
     "echartsOptionsOverridesByChartType": {
       "echarts_sankey": {
         "series": [{
           "nodeAlign": "left"
         }]
       }
     }
   }`


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "Vitor-Avila (via GitHub)" <gi...@apache.org>.
Vitor-Avila commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3976351069

   One consideration is that both `echartsOptionsOverrides` and `echartsOptionsOverridesByChartType` should be added inside the `token` config. Let me know if that works for you 🙏 


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "rusackas (via GitHub)" <gi...@apache.org>.
rusackas closed issue #36878: Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType
URL: https://github.com/apache/superset/issues/36878


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "hmendezm (via GitHub)" <gi...@apache.org>.
hmendezm commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4313177298

   Hi Vitor I am using the official. Let me try the 6.1


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "hmendezm (via GitHub)" <gi...@apache.org>.
hmendezm commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3977214090

   Ok. I will try to add inside the token. Thanks Victor


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "rusackas (via GitHub)" <gi...@apache.org>.
rusackas commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4898890894

   Root cause identified in the thread: echartsOptionsOverrides (PR #36389) is not in the 6.0.0 release, only master/6.1. Users on official 6.0.0 images can't use it; 6.1 also adds per-chart JS-literal customization. Closing now, and advising folks to upgrade to 6.1 whenever possible :D


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "ypandey-fluidata (via GitHub)" <gi...@apache.org>.
ypandey-fluidata commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3714274432

   Hi @SupersetOdT ,
   
   <img width="1037" height="753" alt="Image" src="https://github.com/user-attachments/assets/7d6562ef-c8db-4549-9915-43f0c045aac4" />
   
   I tried changing the loading gif on the visuals using the theme but i am not about the token. If it cannot be overridden using Json them, then what change is required in superset_config.py
   
   Theme Json:
   
   {
     "token": {
       "fontFamily": "'Inter', sans-serif",
       "fontUrls": [
         "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900&display=swap"
       ],
   
       "fontSizeHeading1": 32,
       "fontSizeHeading2": 32,
       "fontSizeHeading3": 26,
       "fontSizeHeading4": 22,
       "fontSizeHeading5": 18,
   
       "lineHeight": 1.6,
       "lineHeightHeading1": 1.5,
       "lineHeightHeading2": 1.38,
       "lineHeightHeading3": 1.26,
       "lineHeightHeading4": 1.12,
       "lineHeightHeading5": 1,
   
       "colorPrimary": "#b12cfe",
       "colorSuccessBg": "#5ac189",
       "colorWarningBg": "#f4d35e",
       "colorErrorBg": "#ff6b6b",
   
       "colorBgLayout": "#f9f9fb",
       "colorBgContainer": "#ffffff",
        "colorLinkHover": "#B12CFE",
       "brandIconMaxWidth": 150,
       "brandLogoHeight": "40px",
       "brandLogoMargin": "10px 150px 10px 0px",
       "brandLogoUrl" : "/static/assets/Logo Transparent V1.png"
     },
   
     "echartsOptionsOverrides": {
       "grid": {
         "left": "10%",
         "right": "10%"
       },
       "tooltip": {
         "backgroundColor": "#000000"
       }
     }
   }
   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "NeBene (via GitHub)" <gi...@apache.org>.
NeBene commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3722395933

   Hello, we have the same problem. Any solution or workaround here?


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "hmendezm (via GitHub)" <gi...@apache.org>.
hmendezm commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4306644916

   I tried it as well, and it is not working


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "dosubot[bot] (via GitHub)" <gi...@apache.org>.
dosubot[bot] commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3701955437

   <!-- Greeting -->
   Hi @Yashh-p! I'm [Dosu](https://go.dosu.dev/dosubot) and I’m helping the superset team.
   
   <!-- Answer -->
   Here's what Superset 6.0.0 supports for theming and chart overrides:
   
   **Ant Design theme tokens** only affect core UI elements—navigation, menus, buttons, modals, and some table controls. Tokens like `fontFamily`, `fontSizeHeading1-5`, `lineHeightHeading1-5`, and color tokens are supported, but they do not impact dashboard content, chart titles, or chart visuals. Dashboard and chart card appearance are not styled by Ant Design tokens; for those, you need to use the CSS module or custom CSS [[docs](https://github.com/apache/superset/issues/36794)].
   
   **Authoritative list of UI elements consuming Ant Design tokens:**  
   - Navigation bar  
   - Menus  
   - Buttons  
   - Modals  
   - Table controls  
   - Some filter controls  
   Elements like dashboard titles, chart titles, and dashboard content are not affected [[source](https://github.com/apache/superset/issues/36794)].
   
   **ECharts options overrides:**  
   - `echartsOptionsOverrides` (global) and `echartsOptionsOverridesByChartType` (per chart type) apply only to ECharts-based visualizations.
   - These overrides affect all charts of a given type, not individual chart instances.
   - Supported chart types for per-type overrides (as of 6.0.0): BigNumber with trendline, BoxPlot, Gantt, Graph, Heatmap, Histogram, MixedTimeseries, Sankey, Sunburst, Tree, Treemap, Waterfall.  
   - Example: setting `backgroundColor` for `box_plot` in `echartsOptionsOverridesByChartType` will apply to all BoxPlot charts [[PR #36389](https://github.com/apache/superset/pull/36389)].
   - There is no built-in way to target a specific chart instance; for that, you would need custom code or a chart plugin [[discussion](https://github.com/apache/superset/discussions/36851)].
   
   **Tokens intentionally ignored:**  
   - Any property not in the allowed Ant Design token list (e.g., custom `chartColors`) is ignored by the theme system [[source](https://github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/theme/types.ts)].
   - ECharts overrides in the theme JSON are not processed by the UI theme system for non-ECharts charts.
   
   **UI-only vs chart-only tokens:**  
   - Ant Design tokens are UI-only.
   - ECharts overrides are chart-only and only for supported ECharts chart types.
   
   **Configuration requirements:**  
   - For live theme editing, enable the `THEME_ALLOW_THEME_EDITOR_BETA` feature flag.
   - For instance-wide changes, update `superset_config.py` and restart Superset.
   - No cache busting is required for font URLs; fonts load at runtime via CSS `@import` if from allowed domains [[PR #36317](https://github.com/apache/superset/pull/36317)].
   - Enhanced theme validation and error handling are available via the `ENHANCED_THEME_VALIDATION` feature flag [[PR #35349](https://github.com/apache/superset/pull/35349)].
   
   **Limitations:**  
   - No visible changes to dashboard or chart visuals from Ant Design tokens.
   - ECharts overrides cannot be applied per chart instance.
   - For advanced chart theming, use dashboard CSS or custom chart plugins.
   
   If you need a full mapping of allowed Ant Design tokens, see the [source code](https://github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/theme/types.ts). For ECharts options, refer to the [chart plugin code](https://github.com/apache/superset/pull/36389) and ECharts documentation for supported option keys.
   
   
   <!-- Dosu Comment Footer -->
   *To reply, just mention [@dosu](https://go.dosu.dev/dosubot).*
   
   ---
   <sup>How did I do? [Good](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=great_response) | [Irrelevant](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=irrelevant_answer) | [Incorrect](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=incorrect_sources) | [Verbose](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=hallucination) | [Report 🐛](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/ff0b129f-6bfa-44ef-bec2-a23b3b3cd305?feedback_type=other)</sup>
   
   [![Chat with Dosu](https://dosu.dev/dosu-chat-badge.svg)](https://app.dosu.dev/a28d3c7e-a9d3-459e-9fb6-3a6f9ff4f357/ask?utm_source=github)&nbsp;[![Open in Cursor](https://dosu.dev/dosu-in-cursor.svg)](https://cursor.com/link/prompt?text=Here%27s%20what%20Superset%206.0.0%20supports%20for%20theming%20and%20chart%20overrides%3A%0A%0A%2A%2AAnt%20Design%20theme%20tokens%2A%2A%20only%20affect%20core%20UI%20elements%E2%80%94navigation%2C%20menus%2C%20buttons%2C%20modals%2C%20and%20some%20table%20controls.%20Tokens%20like%20%60fontFamily%60%2C%20%60fontSizeHeading1-5%60%2C%20%60lineHeightHeading1-5%60%2C%20and%20color%20tokens%20are%20supported%2C%20but%20they%20do%20not%20impact%20dashboard%20content%2C%20chart%20titles%2C%20or%20chart%20visuals.%20Dashboard%20and%20chart%20card%20appearance%20are%20not%20styled%20by%20Ant%20Design%20tokens%3B%20for%20those%2C%20you%20need%20to%20use%20the%20CSS%20module%20or%20custom%20CSS%20%5B%5Bdocs%5D%28https%3A//github.com/apache/superset/issues/3
 6794%29%5D.%0A%0A%2A%2AAuthoritative%20list%20of%20UI%20elements%20consuming%20Ant%20Design%20tokens%3A%2A%2A%20%20%0A-%20Navigation%20bar%20%20%0A-%20Menus%20%20%0A-%20Buttons%20%20%0A-%20Modals%20%20%0A-%20Table%20controls%20%20%0A-%20Some%20filter%20controls%20%20%0AElements%20like%20dashboard%20titles%2C%20chart%20titles%2C%20and%20dashboard%20content%20are%20not%20affected%20%5B%5Bsource%5D%28https%3A//github.com/apache/superset/issues/36794%29%5D.%0A%0A%2A%2AECharts%20options%20overrides%3A%2A%2A%20%20%0A-%20%60echartsOptionsOverrides%60%20%28global%29%20and%20%60echartsOptionsOverridesByChartType%60%20%28per%20chart%20type%29%20apply%20only%20to%20ECharts-based%20visualizations.%0A-%20These%20overrides%20affect%20all%20charts%20of%20a%20given%20type%2C%20not%20individual%20chart%20instances.%0A-%20Supported%20chart%20types%20for%20per-type%20overrides%20%28as%20of%206.0.0%29%3A%20BigNumber%20with%20trendline%2C%20BoxPlot%2C%20Gantt%2C%20Graph%2C%20Heatmap%2C%20Histogram%2C%20
 MixedTimeseries%2C%20Sankey%2C%20Sunburst%2C%20Tree%2C%20Treemap%2C%20Waterfall.%20%20%0A-%20Example%3A%20setting%20%60backgroundColor%60%20for%20%60box_plot%60%20in%20%60echartsOptionsOverridesByChartType%60%20will%20apply%20to%20all%20BoxPlot%20charts%20%5B%5BPR%20%2336389%5D%28https%3A//github.com/apache/superset/pull/36389%29%5D.%0A-%20There%20is%20no%20built-in%20way%20to%20target%20a%20specific%20chart%20instance%3B%20for%20that%2C%20you%20would%20need%20custom%20code%20or%20a%20chart%20plugin%20%5B%5Bdiscussion%5D%28https%3A//github.com/apache/superset/discussions/36851%29%5D.%0A%0A%2A%2ATokens%20intentionally%20ignored%3A%2A%2A%20%20%0A-%20Any%20property%20not%20in%20the%20allowed%20Ant%20Design%20token%20list%20%28e.g.%2C%20custom%20%60chartColors%60%29%20is%20ignored%20by%20the%20theme%20system%20%5B%5Bsource%5D%28https%3A//github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/theme/types.ts%29%5D.%0A-%20ECharts%20overrides%20in%20the%20the
 me%20JSON%20are%20not%20processed%20by%20the%20UI%20theme%20system%20for%20non-ECharts%20charts.%0A%0A%2A%2AUI-only%20vs%20chart-only%20tokens%3A%2A%2A%20%20%0A-%20Ant%20Design%20tokens%20are%20UI-only.%0A-%20ECharts%20overrides%20are%20chart-only%20and%20only%20for%20supported%20ECharts%20chart%20types.%0A%0A%2A%2AConfiguration%20requirements%3A%2A%2A%20%20%0A-%20For%20live%20theme%20editing%2C%20enable%20the%20%60THEME_ALLOW_THEME_EDITOR_BETA%60%20feature%20flag.%0A-%20For%20instance-wide%20changes%2C%20update%20%60superset_config.py%60%20and%20restart%20Superset.%0A-%20No%20cache%20busting%20is%20required%20for%20font%20URLs%3B%20fonts%20load%20at%20runtime%20via%20CSS%20%60%40import%60%20if%20from%20allowed%20domains%20%5B%5BPR%20%2336317%5D%28https%3A//github.com/apache/superset/pull/36317%29%5D.%0A-%20Enhanced%20theme%20validation%20and%20error%20handling%20are%20available%20via%20the%20%60ENHANCED_THEME_VALIDATION%60%20feature%20flag%20%5B%5BPR%20%2335349%5D%28https%3A//githu
 b.com/apache/superset/pull/35349%29%5D.%0A%0A%2A%2ALimitations%3A%2A%2A%20%20%0A-%20No%20visible%20changes%20to%20dashboard%20or%20chart%20visuals%20from%20Ant%20Design%20tokens.%0A-%20ECharts%20overrides%20cannot%20be%20applied%20per%20chart%20instance.%0A-%20For%20advanced%20chart%20theming%2C%20use%20dashboard%20CSS%20or%20custom%20chart%20plugins.%0A%0AIf%20you%20need%20a%20full%20mapping%20of%20allowed%20Ant%20Design%20tokens%2C%20see%20the%20%5Bsource%20code%5D%28https%3A//github.com/apache/superset/blob/master/superset-frontend/packages/superset-ui-core/src/theme/types.ts%29.%20For%20ECharts%20options%2C%20refer%20to%20the%20%5Bchart%20plugin%20code%5D%28https%3A//github.com/apache/superset/pull/36389%29%20and%20ECharts%20documentation%20for%20supported%20option%20keys.)&nbsp;[![Join Discord](https://img.shields.io/badge/join-5865F2?logo=discord&logoColor=white&label=)](https://go.dosu.dev/discord-bot)&nbsp;[![Share on X](https://img.shields.io/badge/X-share-black)](https://t
 witter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/36878)


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "herve-lg (via GitHub)" <gi...@apache.org>.
herve-lg commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4313520300

   I don’t know if this can meet your expectations, but starting with v6.1 (I’m currently using 6.1.0rc2), "ECharts" charts contain a field that allows you to directly customize in "JavaScript Literal" the colors, sizes, thicknesses, alignments... of the axis, texts, legends... displayed. 
   
   The list of customizable components can be found here: https://echarts.apache.org/en/option.html
   
   
   <img width="1882" height="748" alt="Image" src="https://github.com/user-attachments/assets/d0717fa1-45c5-48e9-88b8-c2c3394e9c02" />
   
   Of course, this is a customization related to a specific chart. If you want to extend this customization in one go to all the charts of the same type, you will have to copy and paste the JS into each chart.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "hmendezm (via GitHub)" <gi...@apache.org>.
hmendezm commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3755140406

   Hi everybody
   I have the same issue with echartOptionsOverrides.  All changes are not reflected on the charts. What do I miss? 
   ```
   {
     "algorithm": "default",
    "echartsOptionsOverrides": {
           "grid": {
               "left": "10%",
               "right": "10%",
               "top": "15%",
               "bottom": "15%",
               "backgroundColor": "#f0f0f0"
           },
           "tooltip": {
               "backgroundColor": "rgba(0, 0, 0, 0.8)",
               "borderColor": "#ccc",
               "textStyle": {
                   "color": "#fff"
               }
           },
           "legend": {
               "textStyle": {
                   "fontSize": 4,
                   "fontWeight": "bold"
               }
           }
       } 
   }
   ```


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "SupersetOdT (via GitHub)" <gi...@apache.org>.
SupersetOdT commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3710381165

   Here is a list of tokens (global) and components (specific) working on my Superset. This list is obviously not exhaustive but already allows for advanced customization.
   
   `{
   "token": {
     "fontFamily": "'Inter', Helvetica, Arial",
     "fontSize": 16,
     "fontSizeSM": 14,
     "fontSizeLG": 18,
     "fontSizeXL": 24,
     "colorText": "#434343E0",
     "colorTextSecondary": "#636363E0",
     "colorTextTertiary": "#545454",
     "colorTextQuaternary": "#b8b8b8",
     "colorTextHeading": "#434343E0",
     "colorTextBase": "#c3c3c3bb",
     "colorLink": "5797ab",
     "colorLinkHover": "#17BECF",
     "colorBgBase": "#ffffff",
     "colorBgContainer": "#ffffff",
     "colorBgMask": "#ffffff00",
     "colorBgSpotlight": "#114a5bc0",
     "sizeStep": 4,
     "sizeUnit": 4,
     "transitionTiming": 0.2,
     "brandIconMaxWidth": 120,
     "brandLogoHeight": "35px",
     "brandLogoMargin": "10px 150px 10px 0px",
     "brandLogoUrl" : "/static/assets/images/my_logo.svg",
     "brandLogoHref": "https://my.domain.com"
     },
   "components": {
     "Menu": {
       "fontSize": 16,
       "colorText": "#747474",
       "colorPrimary": "#2893B3f0",
       "groupTitleFontSize": 16,
       "groupTitleColor": "#49A8BF",
       "iconSize": 20,
       "iconMarginInlineEnd": 30
       },
     "Table": {
       "fontSize": 15,
       "colorText": "#a5a5a5",
       "fontWeightStrong": "530",
       "headerColor": "#646464",
       "headerBg": "#ededed",
       "headerSortActiveBg": "#e8e8e8",
       "bodySortBg": "#fafafa",
       "rowHoverBg": "#F0Fbff",
       "lineWidth": 1,
       "borderColor": "#74747410",
       "fontSizeIcon": 16
       },
     "Card": {
       "colorTextHeading": "#434343E0",
       "fontSizeLG": 16,
       "colorTextDescription": "#939393E0",
       "fontSize": 11
       },
     "Button": {
       "colorTextLightSolid": "#ffffff",
       "colorPrimary": "#2893B3f0",
       "colorPrimaryHover": "#17BECF",
       "colorPrimaryBg": "#E4f1f2",
       "colorPrimaryBgHover": "#AEF1F2",
       "colorTextQuaternary": "#990000",
       "lineWidth": 5
       },
     "Layout": {
       "fontSize": 14,
       "colorText": "#434343a6",
       "colorBgLayout": "#e4f1f2b1"
       },
     "Input": {
       "fontSize": 14
       },
     "Select": {
       "fontSize": 14
       },
     "Switch": {
       "fontSize": 12,
       "colorPrimary": "#2893B3"
       },
     "Tooltip": {
       "colorTextLightSolid": "#ffffff",
       "colorBgSpotlight": "#47b3bfbb"
       },
     "Tag": {
       "borderRadiusSM": 20,
       "fontSizeSM": 11
       },
     "Typography": {
       "colorText": "#434343"
       },
     "Icon": {
       "fontSize": 30
       },
     "Alert": {
       "colorError": "#e04355",
       "colorErrorBg": "#fff2f0",
       "colorInfo": "#66bcfe",
       "colorInfoBg": "#f0fBff",
       "colorSuccess": "#5ac189",
       "colorSuccessBg": "#f6ffed",
       "colorWarning": "#fcc700",
       "colorWarningBg": "#fffbe6",
       "colorBgElevated": "#fffbe6"    
       },
     "Pagination": {
       "colorTextPlaceholder": "#a1a1a1",
       "colorPrimary": "#a1a1a1",
       "itemActiveBg": "#f1f1f1"
       }
     },
   "algorithm": "default"
   }`


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "SupersetOdT (via GitHub)" <gi...@apache.org>.
SupersetOdT commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3705727562

   The tokens available for configuring the Superset 6.0.0 UI can be viewed [here](https://github.com/apache/superset/blob/6.0.0/superset-frontend/packages/superset-ui-core/src/theme/types.ts).


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "SupersetOdT (via GitHub)" <gi...@apache.org>.
SupersetOdT commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-3723184234

   @ypandey-fluidata by 'loading gif', do you mean the spinner?
   
   Currently, you need to replace the source image (e.g. loading.gif) in the superset-frontend/src/assets/images/ directory with your custom version and recompile the frontend with the appropriate npm command (https://github.com/apache/superset/issues/36940). I read that there is a proposal to add a token "brandSpinnerUrl" (but I don’t see it in your JSON).
   
   If it is the 'brandLogo' tokens, this one works perfectly. It can obviously be applied from the superset_config.py file, but it also applies directly from the Themes module of the UI (if of course your logo has indeed been copied into your application "/app/superset/static/assets").


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org


Re: [I] Apache Superset 6.0.0 Global echartsOptionsOverrides and specific echartsOptionsOverridesByChartType [superset]

Posted by "Vitor-Avila (via GitHub)" <gi...@apache.org>.
Vitor-Avila commented on issue #36878:
URL: https://github.com/apache/superset/issues/36878#issuecomment-4311048134

   @hmendezm @mnoles-vc are you trying from `master`? I'm not sure if this is part of an official release yet, but IIRC `v6.1` is up for voting now


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org


---------------------------------------------------------------------
To unsubscribe, e-mail: notifications-unsubscribe@superset.apache.org
For additional commands, e-mail: notifications-help@superset.apache.org