echarts 4.5.0 → 4.6.0

package/theme/royal.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 = [
+        '#3f7ea6',
+        '#993366',
+        '#408000',
+        '#8c6f56',
+        '#a65149',
+        '#731f17',
+        '#adc2eb',
+        '#d9c3b0'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#3f7ea6'
+            }
+        },
+
+        visualMap: {
+            color: ['#3f7ea6', '#993366']
+        },
+
+        toolbox: {
+            color: ['#3f7ea6', '#3f7ea6', '#3f7ea6', '#3f7ea6']
+        },
+
+        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: '#3f7ea6',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#3f7ea6'
+                },
+                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: '#3f7ea6' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#3f7ea6'
+            },
+            controlStyle: {
+                color: '#3f7ea6',
+                borderColor: '#3f7ea6'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#d9c3b0',
+                color0: '#8c6f56'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#731f17',
+                color0: '#a65149'
+            },
+            areaStyle: {
+                color: '#3f7ea6',
+                color0: '#993366'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#d9c3b0'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#993366'
+            },
+            linkStyle: {
+                color: '#3f7ea6'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#d9c3b0'],
+                        [0.8, '#3f7ea6'],
+                        [1, '#731f17']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('royal', theme);
+});

package/theme/sakura.js

@@ -0,0 +1,140 @@
+/*
+ * 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 = [
+        '#e52c3c',
+        '#f7b1ab',
+        '#fa506c',
+        '#f59288',
+        '#f8c4d8',
+        '#e54f5c',
+        '#f06d5c',
+        '#e54f80',
+        '#f29c9f',
+        '#eeb5b7'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#e52c3c'
+            }
+        },
+
+        visualMap: {
+            color: ['#e52c3c', '#f7b1ab']
+        },
+
+        dataRange: {
+            color: ['#e52c3c', '#f7b1ab']
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#e52c3c',
+                color0: '#f59288'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#e52c3c',
+                color0: '#f59288'
+            },
+            areaStyle: {
+                color: '#fa506c',
+                color0: '#f8c4d8'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#e52c3c',
+                borderColor: '#fff',
+                borderWidth: 1
+            },
+            areaStyle: {
+                color: '#ccc'
+            },
+            label: {
+                color: 'rgba(139,69,19,1)',
+                show: false
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#f2385a'
+            },
+            nodeStyle: {
+                brushType: 'both',
+                strokeColor: '#e54f5c'
+            },
+            linkStyle: {
+                color: '#f2385a',
+                strokeColor: '#e54f5c'
+            },
+            label: {
+                color: '#f2385a',
+                show: false
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#e52c3c'],
+                        [0.8, '#f7b1ab'],
+                        [1, '#fa506c']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('sakura', theme);
+});

package/theme/shine.js

@@ -16,19 +16,22 @@
 * specific language governing permissions and limitations
 * 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,12 +42,17 @@
     }
 
     var colorPalette = [
-        '#c12e34','#e6b600','#0098d9','#2b821d',
-        '#005eaa','#339ca8','#cda819','#32a487'
+        '#c12e34',
+        '#e6b600',
+        '#0098d9',
+        '#2b821d',
+        '#005eaa',
+        '#339ca8',
+        '#cda819',
+        '#32a487'
     ];
 
     var theme = {
-
         color: colorPalette,
 
         title: {
@@ -54,7 +62,7 @@
         },
 
         visualMap: {
-            color:['#1790cf','#a2d4e6']
+            color: ['#1790cf', '#a2d4e6']
         },
 
         toolbox: {
@@ -80,52 +88,47 @@
                 color: '#005eaa'
             },
             controlStyle: {
-                normal: {
-                    color: '#005eaa',
-                    borderColor: '#005eaa'
-                }
+                color: '#005eaa',
+                borderColor: '#005eaa'
             }
         },
 
         candlestick: {
             itemStyle: {
-                normal: {
-                    color: '#c12e34',
-                    color0: '#2b821d',
-                    lineStyle: {
-                        width: 1,
-                        color: '#c12e34',
-                        color0: '#2b821d'
-                    }
-                }
+                color: '#c12e34',
+                color0: '#2b821d'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#c12e34',
+                color0: '#2b821d'
+            },
+            areaStyle: {
+                color: '#e6b600',
+                color0: '#005eaa'
             }
         },
 
         graph: {
-            color: colorPalette
+            itemStyle: {
+                color: '#e6b600'
+            },
+            linkStyle: {
+                color: '#005eaa'
+            }
         },
 
         map: {
-            label: {
-                normal: {
-                    textStyle: {
-                        color: '#c12e34'
-                    }
-                },
-                emphasis: {
-                    textStyle: {
-                        color: '#c12e34'
-                    }
-                }
-            },
             itemStyle: {
-                normal: {
-                    borderColor: '#eee',
-                    areaColor: '#ddd'
-                },
-                emphasis: {
-                    areaColor: '#e6b600'
-                }
+                color: '#f2385a',
+                borderColor: '#eee',
+                areaColor: '#ddd'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
             }
         },
 
@@ -133,13 +136,17 @@
             axisLine: {
                 show: true,
                 lineStyle: {
-                    color: [[0.2, '#2b821d'],[0.8, '#005eaa'],[1, '#c12e34']],
+                    color: [
+                        [0.2, '#2b821d'],
+                        [0.8, '#005eaa'],
+                        [1, '#c12e34']
+                    ],
                     width: 5
                 }
             },
             axisTick: {
                 splitNumber: 10,
-                length:8,
+                length: 8,
                 lineStyle: {
                     color: 'auto'
                 }
@@ -173,4 +180,4 @@
         }
     };
     echarts.registerTheme('shine', theme);
-}));
+});

package/theme/tech-blue.js

@@ -0,0 +1,180 @@
+/*
+ * 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 = [
+        '#4d4d4d',
+        '#3a5897',
+        '#007bb6',
+        '#7094db',
+        '#0080ff',
+        '#b3b3ff',
+        '#00bdec',
+        '#33ccff',
+        '#ccddff',
+        '#eeeeee'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#00aecd'
+            }
+        },
+
+        visualMap: {
+            color: ['#00aecd', '#a2d4e6']
+        },
+
+        toolbox: {
+            color: ['#00aecd', '#00aecd', '#00aecd', '#00aecd']
+        },
+
+        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: '#00aecd',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#00aecd'
+                },
+                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: '#00aecd' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#00aecd'
+            },
+            controlStyle: {
+                normal: { color: '#00aecd' },
+                emphasis: { color: '#00aecd' }
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#ddd',
+                color0: '#eee'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#33ccff',
+                color0: '#1bb4cf'
+            },
+            areaStyle: {
+                color: '#7094db',
+                color0: '#33ccff'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#7094db',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#33ccff'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#7094db'
+            },
+            linkStyle: {
+                color: '#33ccff'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#7094db'
+            },
+            areaStyle: {
+                color: '#33ccff'
+            },
+            label: {
+                color: '#ddd'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#dddddd'],
+                        [0.8, '#00aecd'],
+                        [1, '#33ccff']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('tech-blue', theme);
+});