From a30618c1bf8330535072763d0ed818ccf014b931 Mon Sep 17 00:00:00 2001 From: Ville Brofeldt Date: Tue, 25 Aug 2020 12:55:30 +0300 Subject: [PATCH] feat(color): add echarts colors --- .../src/colorSchemes/categorical/echarts.ts | 38 +++++++++++++++++++ .../src/colorSchemes/sequential/common.ts | 6 +++ .../test/colorSchemes.test.ts | 2 + 3 files changed, 46 insertions(+) create mode 100644 packages/superset-ui-color/src/colorSchemes/categorical/echarts.ts diff --git a/packages/superset-ui-color/src/colorSchemes/categorical/echarts.ts b/packages/superset-ui-color/src/colorSchemes/categorical/echarts.ts new file mode 100644 index 0000000000..68e8debdcf --- /dev/null +++ b/packages/superset-ui-color/src/colorSchemes/categorical/echarts.ts @@ -0,0 +1,38 @@ +import CategoricalScheme from '../../CategoricalScheme'; + +const schemes = [ + { + id: 'echarts4Colors', + label: 'ECharts 4 Colors', + colors: [ + '#c23531', + '#2f4554', + '#61a0a8', + '#d48265', + '#91c7ae', + '#749f83', + '#ca8622', + '#bda29a', + '#6e7074', + '#546570', + '#c4ccd3', + ], + }, + { + id: 'echarts5Colors', + label: 'ECharts 5 Colors', + colors: [ + '#5470C6', + '#91CC75', + '#FAC858', + '#EE6666', + '#73C0DE', + '#3BA272', + '#FC8452', + '#9A60B4', + '#EA7CCC', + ], + }, +].map(s => new CategoricalScheme(s)); + +export default schemes; diff --git a/packages/superset-ui-color/src/colorSchemes/sequential/common.ts b/packages/superset-ui-color/src/colorSchemes/sequential/common.ts index 9c23ba559f..d0a144c195 100644 --- a/packages/superset-ui-color/src/colorSchemes/sequential/common.ts +++ b/packages/superset-ui-color/src/colorSchemes/sequential/common.ts @@ -193,6 +193,12 @@ const schemes = [ '#3AA3B2', ], }, + { + id: 'echarts_gradient', + label: 'ECharts gradient', + isDiverging: false, + colors: ['#f6EFA6', '#D88273', '#BF444C'], + }, ].map(s => new SequentialScheme(s)); export default schemes; diff --git a/packages/superset-ui-color/test/colorSchemes.test.ts b/packages/superset-ui-color/test/colorSchemes.test.ts index f4c07a9025..76766461c7 100644 --- a/packages/superset-ui-color/test/colorSchemes.test.ts +++ b/packages/superset-ui-color/test/colorSchemes.test.ts @@ -1,4 +1,5 @@ import categoricalAirbnb from '../src/colorSchemes/categorical/airbnb'; +import categoricalEcharts from '../src/colorSchemes/categorical/echarts'; import categoricalSuperset from '../src/colorSchemes/categorical/superset'; import categoricalPreset from '../src/colorSchemes/categorical/preset'; import categoricalD3 from '../src/colorSchemes/categorical/d3'; @@ -14,6 +15,7 @@ describe('Color Schemes', () => { it('returns an array of CategoricalScheme', () => { [ categoricalAirbnb, + categoricalEcharts, categoricalD3, categoricalGoogle, categoricalLyft,