How to prioritize colors from the color theme which we have created in Apache Superset?

[anushatv16]

Hi Team,

I am using Apache Superset for creating dashboards and have customized a color theme with 19 colors. I have two related questions:

Prioritizing Colors:
I would like to prioritize the first 9 colors in my custom color theme for all charts. The remaining 10 colors should only be used if a chart needs to display more than 9 categories. Is there a way to configure this prioritization within Apache Superset?

Persistent Colors:
Currently, the chart colors change dynamically after logging out and logging back into the dashboard. I need the colors for each chart to remain stable, even after re-login. How can I achieve this stability for chart colors in Superset?

I would appreciate any guidance or suggestions to address these issues.

Thank you in advance!

[dosubot[bot]]

Hello @anushatv16,

I'm here to help you with any questions or issues you have with Apache Superset. I can assist you in solving bugs, answering questions, and becoming a contributor. Let me know how I can assist you with the color prioritization and persistence in your custom theme.

Dosu

I found some relevant information that might help you with your questions:

1. Prioritizing Colors: Apache Superset allows you to manage the order of colors applied to charts using the CategoricalColorScale class. This class uses an ordinal scale to map data values to colors, and the order of colors is initially set by the colors array passed to the constructor. You can prioritize the first 9 colors by ensuring they are the first in this array. If the domain (data values) exceeds the range, the color range is incremented with analogous colors to accommodate more values ^[1].

2. Persistent Colors: To ensure that chart colors remain stable across sessions, you can configure the label_colors key in the JSON Metadata attribute on a per-dashboard basis. This allows you to map labels to specific colors using hex codes, named colors, or indices in the current color palette. Here's an example configuration:

   {
       "label_colors": {
           "foo": "#FF69B4",
           "bar": "lightblue",
           "baz": 0
       }
   }

   This setup will ensure that the specified labels are consistently colored across sessions ^[2].

These configurations should help you achieve the desired prioritization and persistence of colors in your Apache Superset dashboards.

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[anushatv16]

Hi,

Thank you for your solution.

I think the above solution works only for the labels and not for the visuals.

My requirement is, I need to prioritize the first 9 colors mentioned in color scheme, which consist of 19 colors (should be applied to all the visuals in the dashboard) and if the categories exceed more than 9 then it should select the remaining colors from the color scheme pallet.

The above attached image shows the first 9 colors that need to be used for all the visuals and if the category increases then it should fetch the remaining colors.

For example :

In this pie chart it should take the first 9 colors which I have attached above and if the category gets increased it should fetch the remaining colors which is present in the color scheme.

The color scheme which I have created is as attached below:

Could you please help me on this?

Thanks in advance!

[dosubot[bot]]

To prioritize the first 9 colors in your custom color scheme for all visuals in Apache Superset, you can define a custom categorical color scheme in the EXTRA_CATEGORICAL_COLOR_SCHEMES configuration. This will ensure that the first 9 colors are used first, and the remaining colors are used only when necessary. Here's how you can set it up:

EXTRA_CATEGORICAL_COLOR_SCHEMES = [
    {
        "id": 'customColorScheme',
        "description": 'Custom color scheme with prioritized first 9 colors',
        "label": 'Custom Color Scheme',
        "isDefault": True,
        "colors": [
            '#FF5733', '#33FF57', '#3357FF', '#FF33A1', '#A133FF', 
            '#33FFA1', '#FF8C33', '#8C33FF', '#33FF8C',  # First 9 colors
            '#FF3333', '#33FF33', '#3333FF', '#FF33FF', '#33FFFF', 
            '#FFFF33', '#FF6633', '#6633FF', '#33FF66'   # Additional colors
        ]
    }
]

In this configuration, the first 9 colors are prioritized by placing them at the beginning of the colors list. This setup will apply these colors to all visuals, and the additional colors will be used only if the number of categories exceeds 9 ^[1].

For persistent colors across sessions, ensure that this configuration is set in your superset/config.py file, and the isDefault attribute is set to True. This will make the color scheme the default across different user sessions and dashboards ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Other}

[anushatv16]

I tried the above solution but it's not working.

[anushatv16]

As the above solution didn't work, could anyone please help me if there is any alternative solution?