echarts 4.5.0 → 4.6.0

package/theme/gray.js

@@ -0,0 +1,220 @@
+/*
+ * 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 = [
+        '#757575',
+        '#c7c7c7',
+        '#dadada',
+        '#8b8b8b',
+        '#b5b5b5',
+        '#e9e9e9'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#757575'
+            }
+        },
+
+        dataRange: {
+            color: ['#636363', '#dcdcdc']
+        },
+
+        toolbox: {
+            color: ['#757575', '#757575', '#757575', '#757575']
+        },
+
+        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: '#757575',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#757575'
+                },
+                shadowStyle: {
+                    // Shadow indicator style settings
+                    color: 'rgba(200,200,200,0.3)'
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(117,117,117,0.2)', // Fill the color
+            handleColor: '#757575' // Handle color
+        },
+
+        grid: {
+            borderWidth: 0
+        },
+
+        categoryAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#757575'
+                }
+            },
+            splitLine: {
+                // Separation line
+                lineStyle: {
+                    // Property 'lineStyle' (see lineStyle) controls line styles
+                    color: ['#eee']
+                }
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#757575'
+                }
+            },
+            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: '#757575'
+            },
+            controlStyle: {
+                color: '#757575',
+                borderColor: '#757575'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#8b8b8b',
+                color0: '#dadada'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#757575',
+                color0: '#c7c7c7'
+            },
+            areaStyle: {
+                color: '#757575',
+                color0: '#e9e9e9'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#c7c7c7'
+            },
+            areaStyle: {
+                color: 'ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#e9e9e9'
+            },
+            linkStyle: {
+                color: '#757575'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#e9e9e9',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#757575'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#b5b5b5'],
+                        [0.8, '#757575'],
+                        [1, '#5c5c5c']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('gray', theme);
+});

package/theme/green.js

@@ -0,0 +1,222 @@
+/*
+ * 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 = [
+        '#408829',
+        '#68a54a',
+        '#a9cba2',
+        '#86b379',
+        '#397b29',
+        '#8abb6f',
+        '#759c6a',
+        '#bfd3b7'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#408829'
+            }
+        },
+
+        visualMap: {
+            color: ['408829', '#a9cba2']
+        },
+
+        toolbox: {
+            color: ['#408829', '#408829', '#408829', '#408829']
+        },
+
+        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: '#408829',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#408829'
+                },
+                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
+        },
+
+        grid: {
+            borderWidth: 0
+        },
+
+        categoryAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#408829'
+                }
+            },
+            splitLine: {
+                // Separation line
+                lineStyle: {
+                    // Property 'lineStyle' (see lineStyle) controls line styles
+                    color: ['#eee']
+                }
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#408829'
+                }
+            },
+            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: '#408829'
+            },
+            controlStyle: {
+                color: '#408829',
+                borderColor: '#408829'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#68a54a',
+                color0: '#a9cba2'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#408829',
+                color0: '#86b379'
+            },
+            areaStyle: {
+                color: '#408829',
+                color0: '#bfd3b7'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#bfd3b7'
+            },
+            linkStyle: {
+                color: '#408829'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#bfd3b7',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#408829'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#408829'
+            },
+            label: {
+                color: '#000'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#86b379'],
+                        [0.8, '#68a54a'],
+                        [1, '#408829']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('green', theme);
+});

package/theme/helianthus.js

@@ -0,0 +1,263 @@
+/*
+ * 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 = [
+        '#44B7D3',
+        '#E42B6D',
+        '#F4E24E',
+        '#FE9616',
+        '#8AED35',
+        '#ff69b4',
+        '#ba55d3',
+        '#cd5c5c',
+        '#ffa500',
+        '#40e0d0',
+        '#E95569',
+        '#ff6347',
+        '#7b68ee',
+        '#00fa9a',
+        '#ffd700',
+        '#6699FF',
+        '#ff6666',
+        '#3cb371',
+        '#b8860b',
+        '#30e0e0'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#8A826D'
+            }
+        },
+
+        dataRange: {
+            x: 'right',
+            y: 'center',
+            itemWidth: 5,
+            itemHeight: 25,
+            color: ['#E42B6D', '#F9AD96'],
+            text: ['High', 'Low'], // Text, default is numeric text
+            textStyle: {
+                color: '#8A826D' // Range text color
+            }
+        },
+
+        toolbox: {
+            color: ['#E95569', '#E95569', '#E95569', '#E95569'],
+            effectiveColor: '#ff4500',
+            itemGap: 8
+        },
+
+        tooltip: {
+            backgroundColor: 'rgba(138,130,109,0.7)', // Prompt background color, default is black with a transparency of 0.7
+            axisPointer: {
+                // Axis indicator, coordinate trigger effective
+                type: 'line', // The default is a straight line： 'line' | 'shadow'
+                lineStyle: {
+                    // Straight line indicator style settings
+                    color: '#6B6455',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#A6A299'
+                },
+                shadowStyle: {
+                    // Shadow indicator style settings
+                    color: 'rgba(200,200,200,0.3)'
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: 'rgba(130,197,209,0.6)', // Data background color
+            fillerColor: 'rgba(233,84,105,0.1)', // Fill the color
+            handleColor: 'rgba(107,99,84,0.8)' // Handle color
+        },
+
+        grid: {
+            borderWidth: 0
+        },
+
+        categoryAxis: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: '#6B6455'
+                }
+            },
+            splitLine: {
+                // separate line
+                show: false
+            }
+        },
+
+        valueAxis: {
+            axisLine: {
+                // Coordinate axis
+                show: true
+            },
+            splitArea: {
+                show: false
+            },
+            splitLine: {
+                // separate line
+                lineStyle: {
+                    // Property 'lineStyle' controls line styles
+                    color: ['#FFF'],
+                    type: 'dashed'
+                }
+            }
+        },
+
+        polar: {
+            axisLine: {
+                // Coordinate axis
+                lineStyle: {
+                    // // Property 'lineStyle' controls line styles
+                    color: '#ddd'
+                }
+            },
+            splitArea: {
+                show: true,
+                areaStyle: {
+                    color: ['rgba(250,250,250,0.2)', 'rgba(200,200,200,0.2)']
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: '#ddd'
+                }
+            }
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#6B6455'
+            },
+            controlStyle: {
+                color: '#6B6455',
+                borderColor: '#6B6455'
+            }
+        },
+
+        line: {
+            smooth: true,
+            symbol: 'emptyCircle', // Inflection point graphic type
+            symbolSize: 3 // Inflection point graphic size
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#e42B6d',
+                color0: '#44B7d3'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#e42B6d',
+                color0: '#44B7d3'
+            },
+            areaStyle: {
+                color: '#fe994e',
+                color0: '#e42B6d'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#6b6455'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#e42B6d'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#e42B6d'
+            },
+            linkStyle: {
+                color: '#6b6455'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#e42B6d',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#6b6455'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#44B7D3'],
+                        [0.8, '#6B6455'],
+                        [1, '#E42B6D']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('helianthus', theme);
+});