echarts 4.5.0 → 4.9.0

package/theme/mint.js

@@ -0,0 +1,155 @@
+/*
+ * 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 = [
+        '#8aedd5',
+        '#93bc9e',
+        '#cef1db',
+        '#7fe579',
+        '#a6d7c2',
+        '#bef0bb',
+        '#99e2vb',
+        '#94f8a8',
+        '#7de5b8',
+        '#4dfb70'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#8aedd5'
+            }
+        },
+
+        toolbox: {
+            color: ['#8aedd5', '#8aedd5', '#8aedd5', '#8aedd5']
+        },
+
+        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: '#8aedd5',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#8aedd5'
+                },
+                shadowStyle: {
+                    // Shadow indicator style settings
+                    color: 'rgba(200,200,200,0.3)'
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(64,136,41,0.2)', // Fill the color
+            handleColor: '#408829' // Handle color
+        },
+
+        dataRange: {
+            color: ['#93bc92', '#bef0bb']
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#8aedd5',
+                color0: '#7fe579'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#8aedd5',
+                color0: '#7fe579'
+            },
+            areaStyle: {
+                color: '#8aedd5',
+                color0: '#93bc9e'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#8aedd5'
+            },
+            linkStyle: {
+                color: '#93bc9e'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#8aedd5'
+            },
+            areaStyle: {
+                color: '#93bc9e'
+            },
+            label: {
+                color: '#cef1db'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#93bc9e'],
+                        [0.8, '#8aedd5'],
+                        [1, '#a6d7c2']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('mint', theme);
+});

package/theme/red-velvet.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 = [
+        '#8b1a2d',
+        '#a7314b',
+        '#e6004c',
+        '#ff8066',
+        '#8e5c4e',
+        '#ff1a66',
+        '#d6c582',
+        '#f0d4af'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#8b1a2d'
+            }
+        },
+
+        visualMap: {
+            color: ['#8b1a2d', '#a7314b']
+        },
+
+        toolbox: {
+            color: ['#8b1a2d', '#8b1a2d', '#8b1a2d', '#8b1a2d']
+        },
+
+        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: '#8b1a2d',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#8b1a2d'
+                },
+                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: '#8b1a2d' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#8b1a2d'
+            },
+            controlStyle: {
+                color: '#8b1a2d',
+                borderColor: '#8b1a2d'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#a7314b',
+                color0: '#d6c582'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#8e5c4e',
+                color0: '#f0d4af'
+            },
+            areaStyle: {
+                color: '#8b1a2d',
+                color0: '#ff8066'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#8b1a2d'
+            },
+            areaStyle: {
+                color: '#ff8066'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#ff8066'
+            },
+            linkStyle: {
+                color: '#8b1a2d'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#a7314b'],
+                        [0.8, '#8b1a2d'],
+                        [1, '#8e5c4e']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('red-velvet', theme);
+});

package/theme/red.js

@@ -0,0 +1,225 @@
+/*
+ * 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 = [
+        '#d8361b',
+        '#f16b4c',
+        '#f7b4a9',
+        '#d26666',
+        '#99311c',
+        '#c42703',
+        '#d07e75'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#d8361b'
+            }
+        },
+
+        visualMap: {
+            color: ['#d8361b', '#ffd2d2']
+        },
+
+        dataRange: {
+            color: ['#bd0707', '#ffd2d2']
+        },
+
+        toolbox: {
+            color: ['#d8361b', '#d8361b', '#d8361b', '#d8361b']
+        },
+
+        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: '#d8361b',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#d8361b'
+                },
+                shadowStyle: {
+                    // Shadow indicator style settings
+                    color: 'rgba(200,200,200,0.3)'
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(216,54,27,0.2)', // Fill the color
+            handleColor: '#d8361b' // Handle color
+        },
+
+        grid: {
+            borderWidth: 0
+        },
+
+        categoryAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#d8361b'
+                }
+            },
+            splitLine: {
+                // Separation line
+                lineStyle: {
+                    // Property 'lineStyle' (see lineStyle) controls line styles
+                    color: ['#eee']
+                }
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#d8361b'
+                }
+            },
+            splitArea: {
+                show: true,
+                areaStyle: {
+                    color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
+                }
+            },
+            splitLine: {
+                // Separation line
+                lineStyle: {
+                    // Property 'lineStyle' (see lineStyle) controls line styles
+                    color: ['#eee']
+                }
+            }
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#d8361b'
+            },
+            controlStyle: {
+                color: '#d8361b',
+                borderColor: '#d8361b'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#f16b4c',
+                color0: '#f7b4a9'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#d8361b',
+                color0: '#d26666'
+            },
+            areaStyle: {
+                color: '#d8361b',
+                color0: '#d07e75'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#d07e75'
+            },
+            linkStyle: {
+                color: '#d8361b'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#d07e75',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#d8361b'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#d8361b'
+            },
+            areaStyle: {
+                color: '#d07e75'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#f16b4c'],
+                        [0.8, '#d8361b'],
+                        [1, '#99311c']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('red', theme);
+});

package/theme/roma.js

@@ -1,3 +1,4 @@
+
 /*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
@@ -17,18 +18,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);
         }
@@ -38,17 +43,34 @@
         return;
     }
 
-    var colorPalette = ['#E01F54','#001852','#f5e8c8','#b8d2c7','#c6b38e',
-        '#a4d8c2','#f3d999','#d3758f','#dcc392','#2e4783',
-        '#82b6e9','#ff6347','#a092f1','#0a915d','#eaf889',
-        '#6699FF','#ff6666','#3cb371','#d5b158','#38b6b6'
+    var colorPalette = [
+        '#E01F54',
+        '#001852',
+        '#f5e8c8',
+        '#b8d2c7',
+        '#c6b38e',
+        '#a4d8c2',
+        '#f3d999',
+        '#d3758f',
+        '#dcc392',
+        '#2e4783',
+        '#82b6e9',
+        '#ff6347',
+        '#a092f1',
+        '#0a915d',
+        '#eaf889',
+        '#6699FF',
+        '#ff6666',
+        '#3cb371',
+        '#d5b158',
+        '#38b6b6'
     ];
 
     var theme = {
         color: colorPalette,
 
         visualMap: {
-            color:['#e01f54','#e7dbc3'],
+            color: ['#e01f54', '#e7dbc3'],
             textStyle: {
                 color: '#333'
             }
@@ -56,26 +78,37 @@
 
         candlestick: {
             itemStyle: {
-                normal: {
-                    color: '#e01f54',
-                    color0: '#001852',
-                    lineStyle: {
-                        width: 1,
-                        color: '#f5e8c8',
-                        color0: '#b8d2c7'
-                    }
-                }
+                color: '#e01f54',
+                color0: '#001852'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#f5e8c8',
+                color0: '#b8d2c7'
+            },
+            areaStyle: {
+                color: '#a4d8c2',
+                color0: '#f3d999'
             }
         },
 
         graph: {
-            color: colorPalette
+            itemStyle: {
+                color: '#a4d8c2'
+            },
+            linkStyle: {
+                color: '#f3d999'
+            }
         },
 
-        gauge : {
+        gauge: {
             axisLine: {
                 lineStyle: {
-                    color: [[0.2, '#E01F54'],[0.8, '#b8d2c7'],[1, '#001852']],
+                    color: [
+                        [0.2, '#E01F54'],
+                        [0.8, '#b8d2c7'],
+                        [1, '#001852']
+                    ],
                     width: 8
                 }
             }
@@ -83,4 +116,4 @@
     };
 
     echarts.registerTheme('roma', theme);
-}));
+});