ASP.NET Core MVC Controls | ComponentOne
In This Topic
    Palettes Class
    In This Topic
    File
    wijmo.chart.js
    Module
    wijmo.chart

    These are predefined color palettes for chart Series objects.

    To create custom color palettes, supply an array of strings or rgba values.

    You can specify palettes for FlexChart and FlexPie controls. For example:

    chart.palette = Palettes.light;
    

    The following palettes are pre-defined:

    • standard (default)
    • cocoa
    • coral
    • dark
    • highcontrast
    • light
    • midnight
    • modern
    • organic
    • slate
    • zen
    • cyborg
    • superhero
    • flatly
    • darkly
    • cerulan

    Properties

    Static Diverging

    Diverging palettes from ColorBrewer https://colorbrewer2.org.

    Diverging palettes are used to indicate distance from a critical point. These color schemes work well when your data has some mid-point. For example, temperature data could be a shade of blue below zero, a red color is for the values above zero and temperature around zero would have a neutral color.

    You can specify palettes for charting controls, like FlexChart and FlexPie, or use palette for colors property. For example:

    chart.palette = Palettes.Diverging.BrBG;
    

    The Diverging palettes include the following color schemes:

    • BrBG
    • PiYG
    • PRGn
    • PuOr
    • RdBu
    • RdGy
    • RdYlBu
    • RdYlGn
    • Spectral

    Type
    any

    Static Qualitative

    This product includes color specifications and designs developed by Cynthia Brewer (http://colorbrewer.org/). Please see license at https://github.com/axismaps/colorbrewer/blob/master/LICENCE.txt

    Qualitative palettes from ColorBrewer https://colorbrewer2.org .

    Qualitative (or categorical) palettes are usually used for plotting independent data categories which don't have any specific order. For example, the series that represents shipping methods or product types. The colors in these palettes are selected to be distinctive and clearly indicate difference between data series.

    You can specify palettes for charting controls, like FlexChart and FlexPie. For example:

    chart.palette = Palettes.Qualitative.Accent;
    

    The Qualitative palettes include the following color schemes:

    • Accent
    • Dark2
    • Paired
    • Pastel1
    • Pastel2
    • Set1
    • Set2
    • Set2

    Type
    any

    Static SequentialMulti

    Sequential multi-hue palettes from ColorBrewer https://colorbrewer2.org.

    Sequential palettes are used for data that have ordered, quantitative nature, for example precipitation amount or number of road incidents for some region. In addition to lightness variation, these color schemes also use several hues to improve perception.

    You can specify palettes for charting controls, like FlexChart and FlexPie, or use palette for ColorScale.colors property. For example:

    chart.palette = Palettes.SequentialMulti.BuGn;
    

    The Sequential multi-hue palettes include the following color schemes:

    • BuGn
    • BuPu
    • GnBu
    • OrRd
    • PuBu
    • PuBuGn
    • PuRd
    • RdPu
    • YlGn
    • YlGnBu
    • YlOrBr
    • YlOrRd

    Type
    any

    Static SequentialSingle

    Sequential single-hue palettes from ColorBrewer https://colorbrewer2.org. Sequential palettes are used for data that have ordered, quantitative nature, for example precipitation amount or number of road incidents for some region. These color schemes are shade variations of a single base color, usually from light to dark.

    You can specify palettes for charting controls, like FlexChart and FlexPie, or use palette for ColorScale.colors property. For example:

    chart.palette = Palettes.SequentialSingle.Blues;
    

    The Sequential single-hue palettes include the following color schemes:

    • Blues
    • Greens
    • Greys
    • Oranges
    • Purples
    • Reds

    Type
    any