You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@echarts.apache.org by sh...@apache.org on 2020/06/22 16:01:39 UTC

[incubator-echarts] 01/03: feat(label): enable darkMode

This is an automated email from the ASF dual-hosted git repository.

shenyi pushed a commit to branch label-enhancement
in repository https://gitbox.apache.org/repos/asf/incubator-echarts.git

commit 7db0a9c01d9eb817e2d8adf39754dc8c314f5a55
Author: pissang <bm...@gmail.com>
AuthorDate: Mon Jun 22 23:59:17 2020 +0800

    feat(label): enable darkMode
---
 src/echarts.ts             | 6 ++++++
 src/model/globalDefault.ts | 2 ++
 src/theme/dark.ts          | 2 ++
 3 files changed, 10 insertions(+)

diff --git a/src/echarts.ts b/src/echarts.ts
index 31a9fb8..ba7f00e 100644
--- a/src/echarts.ts
+++ b/src/echarts.ts
@@ -1327,6 +1327,7 @@ class ECharts extends Eventful {
 
                 // Set background
                 let backgroundColor = ecModel.get('backgroundColor') || 'transparent';
+                const darkMode = ecModel.get('darkMode');
 
                 // In IE8
                 if (!env.canvasSupported) {
@@ -1338,6 +1339,11 @@ class ECharts extends Eventful {
                 }
                 else {
                     zr.setBackgroundColor(backgroundColor);
+
+                    // Force set dark mode.
+                    if (darkMode != null && darkMode !== 'auto') {
+                        zr.setDarkMode(darkMode);
+                    }
                 }
 
                 performPostUpdateFuncs(ecModel, api);
diff --git a/src/model/globalDefault.ts b/src/model/globalDefault.ts
index fe4feb3..c47f865 100644
--- a/src/model/globalDefault.ts
+++ b/src/model/globalDefault.ts
@@ -25,6 +25,8 @@ if (typeof navigator !== 'undefined') {
 }
 
 export default {
+
+    darkMode: 'auto',
     // backgroundColor: 'rgba(0,0,0,0)',
 
     // https://dribbble.com/shots/1065960-Infographic-Pie-chart-visualization
diff --git a/src/theme/dark.ts b/src/theme/dark.ts
index 02439bd..9e4cc18 100644
--- a/src/theme/dark.ts
+++ b/src/theme/dark.ts
@@ -54,6 +54,8 @@ const colorPalette = [
     '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42'
 ];
 const theme = {
+    darkMode: true,
+
     color: colorPalette,
     backgroundColor: '#333',
     tooltip: {


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@echarts.apache.org
For additional commands, e-mail: commits-help@echarts.apache.org