echarts 4.4.0 → 4.6.0

package/theme/dark.js

@@ -1,37 +1,38 @@
 /*
-* 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.
-*/
+ * 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) {
-    /* eslint-disable */
+(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') {
+    } else if (
+        typeof exports === 'object' &&
+        typeof exports.nodeName !== 'string'
+    ) {
         // CommonJS
         factory(exports, require('echarts'));
     } else {
         // Browser globals
         factory({}, root.echarts);
     }
-    /* eslint-enable */
-}(this, function (exports, echarts) {
-    var log = function (msg) {
+})(this, function(exports, echarts) {
+    var log = function(msg) {
         if (typeof console !== 'undefined') {
             console && console.error && console.error(msg);
         }
@@ -41,7 +42,7 @@
         return;
     }
     var contrastColor = '#eee';
-    var axisCommon = function () {
+    var axisCommon = function() {
         return {
             axisLine: {
                 lineStyle: {
@@ -73,8 +74,17 @@
     };
 
     var colorPalette = [
-        '#dd6b66', '#759aa0', '#e69d87', '#8dc1a9', '#ea7e53',
-        '#eedd78', '#73a373', '#73b9bc', '#7289ab', '#91ca8c', '#f49f42'
+        '#dd6b66',
+        '#759aa0',
+        '#e69d87',
+        '#8dc1a9',
+        '#ea7e53',
+        '#eedd78',
+        '#73a373',
+        '#73b9bc',
+        '#7289ab',
+        '#91ca8c',
+        '#f49f42'
     ];
     var theme = {
         color: colorPalette,
@@ -86,6 +96,9 @@
                 },
                 crossStyle: {
                     color: contrastColor
+                },
+                label: {
+                    color: '#000'
                 }
             }
         },
@@ -94,9 +107,6 @@
                 color: contrastColor
             }
         },
-        textStyle: {
-            color: contrastColor
-        },
         title: {
             textStyle: {
                 color: contrastColor
@@ -109,39 +119,30 @@
                 }
             }
         },
+
+        // Area scaling controller
         dataZoom: {
-            textStyle: {
-                color: contrastColor
-            }
-        },
-        visualMap: {
-            textStyle: {
-                color: contrastColor
-            }
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
+            handleColor: '#dd6b66' // Handle color
         },
+
         timeline: {
+            itemStyle: {
+                color: colorPalette[1]
+            },
             lineStyle: {
                 color: contrastColor
             },
-            itemStyle: {
-                normal: {
-                    color: colorPalette[1]
-                }
+            controlStyle: {
+                color: contrastColor,
+                borderColor: contrastColor
             },
             label: {
-                normal: {
-                    textStyle: {
-                        color: contrastColor
-                    }
-                }
-            },
-            controlStyle: {
-                normal: {
-                    color: contrastColor,
-                    borderColor: contrastColor
-                }
+                color: contrastColor
             }
         },
+
         timeAxis: axisCommon(),
         logAxis: axisCommon(),
         valueAxis: axisCommon(),
@@ -153,24 +154,30 @@
         graph: {
             color: colorPalette
         },
+
         gauge: {
-            title: {
-                textStyle: {
-                    color: contrastColor
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#dd6b66'],
+                        [0.8, '#759aa0'],
+                        [1, '#ea7e53']
+                    ],
+                    width: 8
                 }
             }
         },
+
         candlestick: {
             itemStyle: {
-                normal: {
-                    color: '#FD1050',
-                    color0: '#0CF49B',
-                    borderColor: '#FD1050',
-                    borderColor0: '#0CF49B'
-                }
+                color: '#FD1050',
+                color0: '#0CF49B',
+                borderColor: '#FD1050',
+                borderColor0: '#0CF49B'
             }
         }
     };
+
     theme.categoryAxis.splitLine.show = false;
     echarts.registerTheme('dark', theme);
-}));
+});

package/theme/eduardo.js

@@ -0,0 +1,178 @@
+/*
+ * 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 = [
+        '#59535e',
+        '#e7dcef',
+        '#f1baf3',
+        '#5d4970',
+        '#372049',
+        '#c0b2cd',
+        '#ffccff',
+        '#f2f0f5'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#59535e'
+            }
+        },
+
+        visualMap: {
+            color: ['#59535e', '#e7dcef']
+        },
+
+        toolbox: {
+            color: ['#59535e', '#59535e', '#59535e', '#59535e']
+        },
+
+        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: '#59535e',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#59535e'
+                },
+                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: '#59535e' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#59535e'
+            },
+            controlStyle: {
+                color: '#59535e',
+                borderColor: '#59535e'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#e7dcef',
+                color0: '#f1baf3'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#372049',
+                color0: '#5d4970'
+            },
+            areaStyle: {
+                color: '#59535e',
+                color0: '#e7dcef'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#59535e',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#e7dcef'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#f1baf3'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#59535e'
+            },
+            linkStyle: {
+                color: '#59535e'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#e7dcef'],
+                        [0.8, '#59535e'],
+                        [1, '#372049']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('eduardo', theme);
+});

package/theme/forest.js

@@ -0,0 +1,163 @@
+/*
+ * 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 = [
+        '#313b23',
+        '#494f2b',
+        '#606233',
+        '#d6b77b',
+        '#0e0e0e',
+        '#076278',
+        '#808080',
+        '#e7d5b1'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#313b23'
+            }
+        },
+
+        visualMap: {
+            color: ['#313b23', '#494f2b']
+        },
+
+        toolbox: {
+            color: ['#313b23', '#313b23', '#313b23', '#313b23']
+        },
+
+        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: '#313b23',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#313b23'
+                },
+                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: '#313b23' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#313b23'
+            },
+            controlStyle: {
+                color: '#313b23',
+                borderColor: '#313b23'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#494f2b',
+                color0: '#606233'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#0e0e0e',
+                color0: '#d6b77b'
+            },
+            areaStyle: {
+                color: '#494f2b',
+                color0: '#d6b77b'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#606233'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#494f2b'
+            },
+            linkStyle: {
+                color: '#313b23'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#494f2b'],
+                        [0.8, '#313b23'],
+                        [1, '0e0e0e']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('forest', theme);
+});

package/theme/fresh-cut.js

@@ -0,0 +1,163 @@
+/*
+ * 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 = [
+        '#00a8c6',
+        '#40c0cb',
+        '#f0dec2',
+        '#aee239',
+        '#8fbe00',
+        '#33e0ff',
+        '#b3f4ff',
+        '#e6ff99'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#00a8c6'
+            }
+        },
+
+        visualMap: {
+            color: ['#00a8c6', '#a2d4e6']
+        },
+
+        toolbox: {
+            color: ['#00a8c6', '#00a8c6', '#00a8c6', '#00a8c6']
+        },
+
+        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: '#00a8c6',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#00a8c6'
+                },
+                shadowStyle: {
+                    // Shadow indicator style settings
+                    color: 'rgba(200,200,200,0.3)'
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(144,197,237,0.2)', // Fill the color
+            handleColor: '#00a8c6' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#00a8c6'
+            },
+            controlStyle: {
+                color: '#00a8c6',
+                borderColor: '#00a8c6'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#40c0cb',
+                color0: '#f0dec2'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#8fbe00',
+                color0: '#aee239'
+            },
+            areaStyle: {
+                color: '#00a8c6',
+                color0: '#aee239'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#f0dec2'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#f0dec2'
+            },
+            linkStyle: {
+                color: '#00a8c6'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#40c0cb'],
+                        [0.8, '#00a8c6'],
+                        [1, '#8fbe00']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('fresh-cut', theme);
+});