React Chart - Palette

The Chart component with the Palette plugin allows you to specify a custom color scheme for a series.

Basic Setup

Use the Palette plugin's scheme property to specify a Chart's color scheme. The following example shows how to change chart colors using the d3 library.

import * as React from 'react';

export const paletteCollection = ['Material', 'Soft Pastel', 'Harmony Light', 'Pastel', 'Bright', 'Soft', 'Ocean', 'Office', 'Vintage', 'Violet', 'Carmine', 'Dark Moon', 'Soft Blue', 'Dark Violet', 'Green Mist'];