echarts 4.5.0 → 4.9.0

package/theme/infographic.js

@@ -17,18 +17,22 @@
 * under the License.
 */
 
-(function (root, factory) {if (typeof define === 'function' && define.amd) {
+(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);
     }
-}(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);
         }
@@ -39,13 +43,24 @@
     }
 
     var colorPalette = [
-        '#C1232B','#27727B','#FCCE10','#E87C25','#B5C334',
-        '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
-        '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
+        '#C1232B',
+        '#27727B',
+        '#FCCE10',
+        '#E87C25',
+        '#B5C334',
+        '#FE8463',
+        '#9BCA63',
+        '#FAD860',
+        '#F3A43B',
+        '#60C0DD',
+        '#D7504B',
+        '#C6E579',
+        '#F4E001',
+        '#F0805A',
+        '#26C0C0'
     ];
 
     var theme = {
-
         color: colorPalette,
 
         title: {
@@ -56,7 +71,7 @@
         },
 
         visualMap: {
-            color:['#C1232B','#FCCE10']
+            color: ['#C1232B', '#FCCE10']
         },
 
         toolbox: {
@@ -69,16 +84,16 @@
 
         tooltip: {
             backgroundColor: 'rgba(50,50,50,0.5)',
-            axisPointer : {
-                type : 'line',
-                lineStyle : {
+            axisPointer: {
+                type: 'line',
+                lineStyle: {
                     color: '#27727B',
                     type: 'dashed'
                 },
                 crossStyle: {
                     color: '#27727B'
                 },
-                shadowStyle : {
+                shadowStyle: {
                     color: 'rgba(200,200,200,0.3)'
                 }
             }
@@ -105,7 +120,7 @@
             axisLine: {
                 show: false
             },
-            splitArea : {
+            splitArea: {
                 show: false
             },
             splitLine: {
@@ -117,14 +132,15 @@
         },
 
         timeline: {
+            itemStyle: {
+                color: '#27727B'
+            },
             lineStyle: {
                 color: '#27727B'
             },
             controlStyle: {
-                normal: {
-                    color: '#27727B',
-                    borderColor: '#27727B'
-                }
+                color: '#27727B',
+                borderColor: '#27727B'
             },
             symbol: 'emptyCircle',
             symbolSize: 3
@@ -132,15 +148,13 @@
 
         line: {
             itemStyle: {
-                normal: {
-                    borderWidth:2,
-                    borderColor:'#fff',
-                    lineStyle: {
-                        width: 3
-                    }
+                borderWidth: 2,
+                borderColor: '#fff',
+                lineStyle: {
+                    width: 3
                 },
                 emphasis: {
-                    borderWidth:0
+                    borderWidth: 0
                 }
             },
             symbol: 'circle',
@@ -149,50 +163,51 @@
 
         candlestick: {
             itemStyle: {
-                normal: {
-                    color: '#C1232B',
-                    color0: '#B5C334',
-                    lineStyle: {
-                        width: 1,
-                        color: '#C1232B',
-                        color0: '#B5C334'
-                    }
-                }
+                color: '#c1232b',
+                color0: '#b5c334'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#c1232b',
+                color0: '#b5c334'
+            },
+            areaStyle: {
+                color: '#c1232b',
+                color0: '#27727b'
             }
         },
 
         graph: {
-            color: colorPalette
+            itemStyle: {
+                color: '#c1232b'
+            },
+            linkStyle: {
+                color: '#b5c334'
+            }
         },
 
         map: {
-            label: {
-                normal: {
-                    textStyle: {
-                        color: '#C1232B'
-                    }
-                },
-                emphasis: {
-                    textStyle: {
-                        color: 'rgb(100,0,0)'
-                    }
-                }
-            },
             itemStyle: {
-                normal: {
-                    areaColor: '#ddd',
-                    borderColor: '#eee'
-                },
-                emphasis: {
-                    areaColor: '#fe994e'
-                }
+                color: '#f2385a',
+                areaColor: '#ddd',
+                borderColor: '#eee'
+            },
+            areaStyle: {
+                color: '#fe994e'
+            },
+            label: {
+                color: '#c1232b'
             }
         },
 
         gauge: {
             axisLine: {
                 lineStyle: {
-                    color: [[0.2, '#B5C334'],[0.8, '#27727B'],[1, '#C1232B']]
+                    color: [
+                        [0.2, '#B5C334'],
+                        [0.8, '#27727B'],
+                        [1, '#C1232B']
+                    ]
                 }
             },
             axisTick: {
@@ -213,11 +228,11 @@
                     color: '#fff'
                 }
             },
-            title : {
+            title: {
                 offsetCenter: [0, -20]
             }
         }
     };
 
     echarts.registerTheme('infographic', theme);
-}));
+});

package/theme/inspired.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 = [
+        '#cc0000',
+        '#002266',
+        '#ff9900',
+        '#006600',
+        '#8a150f',
+        '#076278',
+        '#808080',
+        '#f07b75'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#cc0000'
+            }
+        },
+
+        visualMap: {
+            color: ['#cc0000', '#002266']
+        },
+
+        toolbox: {
+            color: ['#cc0000', '#cc0000', '#cc0000', '#cc0000']
+        },
+
+        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: '#cc0000',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#cc0000'
+                },
+                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: '#cc0000' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#cc0000'
+            },
+            controlStyle: {
+                color: '#cc0000',
+                borderColor: '#cc0000'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#002266',
+                color0: '#ff9900'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#8a150f',
+                color0: '#006600'
+            },
+            areaStyle: {
+                color: '#cc0000',
+                color0: '#ff9900'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ff9900'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#ff9900'
+            },
+            linkStyle: {
+                color: '#cc0000'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#002266'],
+                        [0.8, '#cc0000'],
+                        [1, '8a150f']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('inspired', theme);
+});

package/theme/jazz.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 = [
+        '#e9e0d1',
+        '#91a398',
+        '#33605a',
+        '#070001',
+        '#68462b',
+        '#58a79c',
+        '#abd3ce',
+        '#eef6f5'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#e9e0d1'
+            }
+        },
+
+        visualMap: {
+            color: ['#e9e0d1', '#91a398']
+        },
+
+        toolbox: {
+            color: ['#e9e0d1', '#e9e0d1', '#e9e0d1', '#e9e0d1']
+        },
+
+        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: '#e9e0d1',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#e9e0d1'
+                },
+                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: '#e9e0d1' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#e9e0d1'
+            },
+            controlStyle: {
+                color: '#e9e0d1',
+                borderColor: '#e9e0d1'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#91a398',
+                color0: '#33605a'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#68462b',
+                color0: '#070001'
+            },
+            areaStyle: {
+                color: '#91a398',
+                color0: '#abd3ce'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#c12e34'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#33605a'
+            },
+            linkStyle: {
+                color: '#e9e0d1'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#91a398'],
+                        [0.8, '#e9e0d1'],
+                        [1, '#68462b']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('jazz', theme);
+});