Interface ODSChartsThemeOptions

colors is the set of colors to be used to graph the chart.

It can be

• one of the predefined ODSChartsColorsSet defined in Orange Design System

example: ODSCharts.ODSChartsColorsSet.SUPPORTING_COLORS.

• Or it can be an array of colors ODSChartsCustomColor

example:

     [
       {
         colorPalette:
           ODSCharts.ODSChartsColorsSet
             .SUPPORTING_COLORS,
         colorIndex: 2,
       },
       {
         colorPalette:
           ODSCharts.ODSChartsColorsSet.SEQUENTIAL_GREEN,
         colorIndex: 0,
       },
     ]
Copy

Default colors is ODSChartsColorsSet.DEFAULT

cssSelector the selector of the DOM element where the graph will be built. It is used to get css variable values when using a third party theme generator base on css variable like Boosted 5.

Default cssSelector is 'body'

cssTheme is the CSS styles to be used for designing legends and popover elements.

• It is possible to use one of the delivered value of ODSChartsCSSThemes
• It is also possible to defined a cssTheme for any other framework with a ODSChartsCSSThemeDefinition

Default cssTheme in ODSChartsCSSThemes is ODSChartsCSSThemes.NONE

lineStyle specifies the style of line in lineCharts.

It can be ODSChartsLineStyle.BROKEN, ODSChartsLineStyle.SMOOTH of ODSChartsLineStyle.BROKEN_WITH_POINTS.

Default lineStyle is ODSChartsLineStyle.SMOOTH

The mode of the theme can be ODSChartsMode.DEFAULT, ODSChartsMode.LIGHT or ODSChartsMode.DARK.

Default mode is ODSChartsMode.DEFAULT. The ODSChartsMode.DEFAULT mode uses the data-bs-theme attribute to determine if mode is light or dark (cf https://boosted.orange.com/docs/5.3/customize/color-modes/#content).

visualMapColor is the set of colors to be used if map graphs (like Heatmap)

Default visualMapColor is ODSChartsColorsSet.SEQUENTIAL_BLUE