echarts 4.4.0 → 4.6.0

package/theme/caravan.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 = [
+        '#fad089',
+        '#ff9c5b',
+        '#f5634a',
+        '#ed303c',
+        '#3b8183',
+        '#f7826e',
+        '#faac9e',
+        '#fcd5cf'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#fad089'
+            }
+        },
+
+        visualMap: {
+            color: ['#fad089', '#a2d4e6']
+        },
+
+        toolbox: {
+            color: ['#fad089', '#fad089', '#fad089', '#fad089']
+        },
+
+        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: '#fad089',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#fad089'
+                },
+                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: '#fad089' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#fad089'
+            },
+            controlStyle: {
+                color: '#fad089',
+                borderColor: '#fad089'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#ff9c5b',
+                color0: '#f5634a'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#3b8183',
+                color0: '#ed303c'
+            },
+            areaStyle: {
+                color: '#fad089',
+                color0: '#ed303c'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#fad089',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#ed303c'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#f5634a'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#f5634a'
+            },
+            linkStyle: {
+                color: '#fad089'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#ff9c5b'],
+                        [0.8, '#fad089'],
+                        [1, '#3b8183']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('caravan', theme);
+});

package/theme/carp.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 = [
+        '#f0d8A8',
+        '#3d1c00',
+        '#86b8b1',
+        '#f2d694',
+        '#fa2a00',
+        '#ff8066',
+        '#ffd5cc',
+        '#f9edd2'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#f0d8A8'
+            }
+        },
+
+        visualMap: {
+            color: ['#f0d8A8', '#3d1c00']
+        },
+
+        toolbox: {
+            color: ['#f0d8A8', '#f0d8A8', '#f0d8A8', '#f0d8A8']
+        },
+
+        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: '#f0d8A8',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#f0d8A8'
+                },
+                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: '#f0d8A8' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#f0dba8'
+            },
+            controlStyle: {
+                color: '#f0dba8',
+                borderColor: '#f0dba8'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#3d1c00',
+                color0: '#86b8b1'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#fa2a00',
+                color0: '#f2d694'
+            },
+            areaStyle: {
+                color: '#f0d8A8',
+                color0: '#86b8b1'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#86b8b1'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#3d1c00'
+            },
+            linkStyle: {
+                color: '#f0d8A8'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#3d1c00'],
+                        [0.8, '#f0d8A8'],
+                        [1, '#fa2a00']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('carp', theme);
+});

package/theme/cool.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 = [
+        '#b21ab4',
+        '#6f0099',
+        '#2a2073',
+        '#0b5ea8',
+        '#17aecc',
+        '#b3b3ff',
+        '#eb99ff',
+        '#fae6ff',
+        '#e6f2ff',
+        '#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: {
+                color: '#00aecd',
+                borderColor: '00aecd'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#00aecd',
+                color0: '#a2d4e6'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#00aecd',
+                color0: '#a2d4e6'
+            },
+            areaStyle: {
+                color: '#b21ab4',
+                color0: '#0b5ea8'
+            }
+        },
+
+        chord: {
+            padding: 4,
+            itemStyle: {
+                color: '#b21ab4',
+                borderWidth: 1,
+                borderColor: 'rgba(128, 128, 128, 0.5)'
+            },
+            lineStyle: {
+                color: 'rgba(128, 128, 128, 0.5)'
+            },
+            areaStyle: {
+                color: '#0b5ea8'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#b21ab4'
+            },
+            linkStyle: {
+                color: '#2a2073'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#c12e34'
+            },
+            areaStyle: {
+                color: '#ddd'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#dddddd'],
+                        [0.8, '#00aecd'],
+                        [1, '#f5ccff']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('cool', theme);
+});

package/theme/dark-blue.js

@@ -0,0 +1,168 @@
+/*
+ * 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 contrastColor = '#eee';
+    var axisCommon = function() {
+        return {
+            axisLine: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisTick: {
+                lineStyle: {
+                    color: contrastColor
+                }
+            },
+            axisLabel: {
+                textStyle: {
+                    color: contrastColor
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    type: 'dashed',
+                    color: '#aaa'
+                }
+            },
+            splitArea: {
+                areaStyle: {
+                    color: contrastColor
+                }
+            }
+        };
+    };
+
+    var colorPalette = [
+        '#00305a',
+        '#004b8d',
+        '#0074d9',
+        '#4192d9',
+        '#7abaf2',
+        '#99cce6',
+        '#d6ebf5',
+        '#eeeeee'
+    ];
+    var theme = {
+        color: colorPalette,
+        backgroundColor: '#333',
+        tooltip: {
+            axisPointer: {
+                lineStyle: {
+                    color: contrastColor
+                },
+                crossStyle: {
+                    color: contrastColor
+                }
+            }
+        },
+        legend: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        title: {
+            textStyle: {
+                color: contrastColor
+            }
+        },
+        toolbox: {
+            iconStyle: {
+                normal: {
+                    borderColor: contrastColor
+                }
+            }
+        },
+
+        // Area scaling controller
+        dataZoom: {
+            dataBackgroundColor: '#eee', // Data background color
+            fillerColor: 'rgba(200,200,200,0.2)', // Fill the color
+            handleColor: '#00305a' // Handle color
+        },
+
+        timeline: {
+            itemStyle: {
+                color: colorPalette[1]
+            },
+            lineStyle: {
+                color: contrastColor
+            },
+            controlStyle: {
+                color: contrastColor,
+                borderColor: contrastColor
+            },
+            label: {
+                color: contrastColor
+            }
+        },
+
+        timeAxis: axisCommon(),
+        logAxis: axisCommon(),
+        valueAxis: axisCommon(),
+        categoryAxis: axisCommon(),
+
+        line: {
+            symbol: 'circle'
+        },
+        graph: {
+            color: colorPalette
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#004b8d'],
+                        [0.8, '#00305a'],
+                        [1, '#7abaf2']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    theme.categoryAxis.splitLine.show = false;
+    echarts.registerTheme('dark-blue', theme);
+});