feat(theme): add theme files (#11566)

* Add files via upload * Add files via upload Updated custom and default theme JS files, and PNG.
apache · Nov 19, 2019 · d48325d · d48325d
1 parent bc8589e
commit d48325d
Show file tree

Hide file tree

Showing 34 changed files with 4,739 additions and 316 deletions.
diff --git a/theme/azul.js b/theme/azul.js
@@ -0,0 +1,147 @@
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+(function (root, factory) {if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+
+    var colorPalette = [
+        '#f2385a','#f5a503','#4ad9d9','#f7879c',
+        '#c1d7a8','#4dffd2','#fccfd7','#d5f6f6'
+    ];
+
+    var theme = {
+
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+				color: '#f2385a'
+            }
+        },
+
+        visualMap: {
+            color: ['#f2385a','#f5a503']
+        }, 
+
+        toolbox: {
+            color: ['#f2385a','#f2385a','#f2385a','#f2385a']
+        },
+
+    tooltip: {
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        axisPointer: {            // Axis indicator, coordinate trigger effective
+            type: 'line',         // The default is a straight line： 'line' | 'shadow'
+            lineStyle: {          // Straight line indicator style settings
+                color: '#f2385a',
+                type: 'dashed'
+            },
+            crossStyle: {
+                color: '#f2385a'
+            },
+            shadowStyle: {                     // Shadow indicator style settings
+                color: 'rgba(200,200,200,0.3)'
+            }
+        }
+    },
+
+    // Area scaling controller
+    dataZoom: {
+        dataBackgroundColor: '#eee',            // Data background color
+        fillerColor: 'rgba(200,200,200,0.2)',   // Fill the color
+        handleColor: '#f2385a'     // Handle color
+    },
+
+    timeline: {
+        lineStyle: {
+            color: '#f2385a'
+        },
+        controlStyle: {
+            color: '#f2385a',
+            borderColor: '#f2385a'
+        }
+    },
+
+	candlestick: {
+		itemStyle: {
+				 color: '#f2385a',
+                 color0: '#f5a503',
+		},
+		lineStyle: {
+                 width: 1,
+                 color: '#f2385a',
+                 color0: '#f5a503',
+		},
+		areaStyle: {
+                 color: '#c1d7a8',
+                 color0: '#4ad9d9'
+		}
+	},
+
+	map: { 
+			itemStyle: {
+                 color: '#f2385a',
+		},
+			areaStyle: {
+                 color: '#ddd',
+		},
+			label: {
+              color: '#c12e34'
+        }
+	},
+
+	graph: { 
+		itemStyle: {
+                 color: '#f2385a',
+		},
+        linkStyle: {
+                 color: '#f2385a'
+        }
+	},
+
+     gauge: {
+            axisLine: {
+                lineStyle: {
+					color: [[0.2, '#f5a503'],[0.8, '#f2385a'],[1, '#c1d7a8']], 
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('azul', theme);
+}));
diff --git a/theme/bee-inspired.js b/theme/bee-inspired.js
@@ -0,0 +1,162 @@
+/*
+* Licensed to the Apache Software Foundation (ASF) under one
+* or more contributor license agreements.  See the NOTICE file
+* distributed with this work for additional information
+* regarding copyright ownership.  The ASF licenses this file
+* to you under the Apache License, Version 2.0 (the
+* "License"); you may not use this file except in compliance
+* with the License.  You may obtain a copy of the License at
+*
+*   http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing,
+* software distributed under the License is distributed on an
+* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+* KIND, either express or implied.  See the License for the
+* specific language governing permissions and limitations
+* under the License.
+*/
+
+(function (root, factory) {if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['exports', 'echarts'], factory);
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
+        // CommonJS
+        factory(exports, require('echarts'));
+    } else {
+        // Browser globals
+        factory({}, root.echarts);
+    }
+}(this, function (exports, echarts) {
+    var log = function (msg) {
+        if (typeof console !== 'undefined') {
+            console && console.error && console.error(msg);
+        }
+    };
+    if (!echarts) {
+        log('ECharts is not Loaded');
+        return;
+    }
+
+    var colorPalette = [
+        '#001727','#805500','#ffff00','#ffd11a',
+        '#f2d71f','#f2be19','#f3a81a','#fff5cc'
+    ];
+
+    var theme = {
+
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+				color: '#001727'
+            }
+        },
+
+        visualMap: {
+            color:['#001727','#805500']
+        }, 
+
+        toolbox: {
+            color: ['#001727','#001727','#001727','#001727']
+        },
+
+    tooltip: {
+        backgroundColor: 'rgba(0,0,0,0.5)',
+        axisPointer: {            // Axis indicator, coordinate trigger effective
+            type: 'line',         // The default is a straight line： 'line' | 'shadow'
+            lineStyle: {          // Straight line indicator style settings
+                color: '#001727',
+                type: 'dashed'
+            },
+            crossStyle: {
+                color: '#001727'
+            },
+            shadowStyle: {                     // Shadow indicator style settings
+                color: 'rgba(200,200,200,0.3)'
+            }
+        }
+    },
+
+    // Area scaling controller
+    dataZoom: {
+        dataBackgroundColor: '#eee',            // Data background color
+        fillerColor: 'rgba(200,200,200,0.2)',   // Fill the color
+        handleColor: '#001727'     // Handle color
+    },
+
+    timeline: {
+        lineStyle: {
+            color: '#001727'
+        },
+        controlStyle: {
+            color: '#001727',
+            borderColor: '#001727'
+        }
+    },
+
+	candlestick: {
+		itemStyle: {
+                 color: '#f3a81a',
+                 color0: '#ffff00',
+		},
+		lineStyle: {
+                 width: 1,
+                 color: '#ffff00',
+                 color0: '#f3a81a',
+		},
+		areaStyle: {
+                 color: '#805500',
+                 color0: '#ffff00'
+		}
+	},
+
+	chord: {
+        padding: 4,
+		itemStyle: {
+                 color: '#f3a81a',
+                 borderWidth: 1,
+				 borderColor: 'rgba(128, 128, 128, 0.5)',
+		},
+		lineStyle: {
+                 color: 'rgba(128, 128, 128, 0.5)',
+		},
+		areaStyle: {
+                 color: '#805500',
+		}
+	},
+
+	map: { 
+		itemStyle: {
+                 color: '#ffd11a',
+		},
+		areaStyle: {
+                 color: '#f2be19',
+		},
+        label: {
+              color: '#ffd11a'
+        }
+	},
+
+	graph: { 
+		itemStyle: {
+                 color: '#001727',
+		},
+        linkStyle: {
+                 color: '#001727'
+        }
+	},
+
+    gauge: {
+            axisLine: {
+                lineStyle: {
+					color: [[0.2, '#f2d71f'],[0.8, '#001727'],[1, '#ffff00']], 
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('bee-inspired', theme);
+}));