echarts 4.5.0 → 4.9.0

package/theme/london.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 = [
+        '#02151a',
+        '#043a47',
+        '#087891',
+        '#c8c8c8',
+        '#b31d14',
+        '#0b9cc1',
+        '#f2f2f2',
+        '#f07b75'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#02151a'
+            }
+        },
+
+        visualMap: {
+            color: ['#02151a', '#a2d4e6']
+        },
+
+        toolbox: {
+            color: ['#02151a', '#02151a', '#02151a', '#02151a']
+        },
+
+        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: '#02151a',
+                    type: 'dashed'
+                },
+                crossStyle: {
+                    color: '#02151a'
+                },
+                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: '#02151a' // Handle color
+        },
+
+        timeline: {
+            lineStyle: {
+                color: '#02151a'
+            },
+            controlStyle: {
+                color: '#02151a',
+                borderColor: '#02151a'
+            }
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#043a47',
+                color0: '#087891'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#b31d14',
+                color0: '#c8c8c8'
+            },
+            areaStyle: {
+                color: '#087891',
+                color0: '#c8c8c8'
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#087891'
+            },
+            label: {
+                color: '#c12e34'
+            }
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#c12e34'
+            },
+            linkStyle: {
+                color: '#02151a'
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#043a47'],
+                        [0.8, '#02151a'],
+                        [1, '#b31d14']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('london', theme);
+});

package/theme/macarons.js

@@ -17,19 +17,22 @@
 * under the License.
 */
 
-(function (root, factory) {
+(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);
         }
@@ -40,13 +43,28 @@
     }
 
     var colorPalette = [
-        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
-        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
-        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
-        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
+        '#2ec7c9',
+        '#b6a2de',
+        '#5ab1ef',
+        '#ffb980',
+        '#d87a80',
+        '#8d98b3',
+        '#e5cf0d',
+        '#97b552',
+        '#95706d',
+        '#dc69aa',
+        '#07a2a4',
+        '#9a7fd1',
+        '#588dd5',
+        '#f5994e',
+        '#c05050',
+        '#59678c',
+        '#c9ab00',
+        '#7eb00a',
+        '#6f5553',
+        '#c14089'
     ];
 
-
     var theme = {
         color: colorPalette,
 
@@ -59,7 +77,7 @@
 
         visualMap: {
             itemWidth: 15,
-            color: ['#5ab1ef','#e0ffff']
+            color: ['#5ab1ef', '#e0ffff']
         },
 
         toolbox: {
@@ -72,15 +90,15 @@
 
         tooltip: {
             backgroundColor: 'rgba(50,50,50,0.5)',
-            axisPointer : {
-                type : 'line',
-                lineStyle : {
+            axisPointer: {
+                type: 'line',
+                lineStyle: {
                     color: '#008acd'
                 },
                 crossStyle: {
                     color: '#008acd'
                 },
-                shadowStyle : {
+                shadowStyle: {
                     color: 'rgba(200,200,200,0.2)'
                 }
             }
@@ -115,10 +133,10 @@
                     color: '#008acd'
                 }
             },
-            splitArea : {
-                show : true,
-                areaStyle : {
-                    color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
+            splitArea: {
+                show: true,
+                areaStyle: {
+                    color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
                 }
             },
             splitLine: {
@@ -128,34 +146,37 @@
             }
         },
 
-        timeline : {
-            lineStyle : {
-                color : '#008acd'
+        timeline: {
+            lineStyle: {
+                color: '#008acd'
             },
-            controlStyle : {
-                normal : { color : '#008acd'},
-                emphasis : { color : '#008acd'}
+            controlStyle: {
+                color: '#008acd',
+                borderColor: '#008acd'
             },
-            symbol : 'emptyCircle',
-            symbolSize : 3
+            symbol: 'emptyCircle',
+            symbolSize: 3
         },
 
         line: {
-            smooth : true,
+            smooth: true,
             symbol: 'emptyCircle',
             symbolSize: 3
         },
 
         candlestick: {
             itemStyle: {
-                normal: {
-                    color: '#d87a80',
-                    color0: '#2ec7c9',
-                    lineStyle: {
-                        color: '#d87a80',
-                        color0: '#2ec7c9'
-                    }
-                }
+                color: '#d87a80',
+                color0: '#2ec7c9'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#d87a80',
+                color0: '#2ec7c9'
+            },
+            areaStyle: {
+                color: '#2ec7c9',
+                color0: '#b6a2de'
             }
         },
 
@@ -165,53 +186,55 @@
         },
 
         map: {
-            label: {
-                normal: {
-                    textStyle: {
-                        color: '#d87a80'
-                    }
-                }
-            },
             itemStyle: {
-                normal: {
-                    borderColor: '#eee',
-                    areaColor: '#ddd'
-                },
-                emphasis: {
-                    areaColor: '#fe994e'
-                }
+                color: '#ddd'
+            },
+            areaStyle: {
+                color: '#fe994e'
+            },
+            label: {
+                color: '#d87a80'
             }
         },
 
         graph: {
-            color: colorPalette
+            itemStyle: {
+                color: '#d87a80'
+            },
+            linkStyle: {
+                color: '#2ec7c9'
+            }
         },
 
-        gauge : {
+        gauge: {
             axisLine: {
                 lineStyle: {
-                    color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
+                    color: [
+                        [0.2, '#2ec7c9'],
+                        [0.8, '#5ab1ef'],
+                        [1, '#d87a80']
+                    ],
                     width: 10
                 }
             },
             axisTick: {
                 splitNumber: 10,
-                length :15,
+                length: 15,
                 lineStyle: {
                     color: 'auto'
                 }
             },
             splitLine: {
-                length :22,
+                length: 22,
                 lineStyle: {
                     color: 'auto'
                 }
             },
-            pointer : {
-                width : 5
+            pointer: {
+                width: 5
             }
         }
     };
 
     echarts.registerTheme('macarons', theme);
-}));
+});

package/theme/macarons2.js

@@ -0,0 +1,251 @@
+/*
+ * 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 = [
+        '#ed9678',
+        '#e7dac9',
+        '#cb8e85',
+        '#f3f39d',
+        '#c8e49c',
+        '#f16d7a',
+        '#f3d999',
+        '#d3758f',
+        '#dcc392',
+        '#2e4783',
+        '#82b6e9',
+        '#ff6347',
+        '#a092f1',
+        '#0a915d',
+        '#eaf889',
+        '#6699FF',
+        '#ff6666',
+        '#3cb371',
+        '#d5b158',
+        '#38b6b6'
+    ];
+
+    var theme = {
+        color: colorPalette,
+
+        title: {
+            textStyle: {
+                fontWeight: 'normal',
+                color: '#cb8e85'
+            }
+        },
+
+        dataRange: {
+            color: ['#cb8e85', '#e7dac9'], //颜色
+            //text:['高','低'],         // 文本，默认为数值文本
+            textStyle: {
+                color: '#333' // 值域文字颜色
+            }
+        },
+
+        bar: {
+            barMinHeight: 0, // 最小高度改为0
+            // barWidth: null,        // 默认自适应
+            barGap: '30%', // 柱间距离，默认为柱形宽度的30%，可设固定值
+            barCategoryGap: '20%', // 类目间柱形距离，默认为类目间距的20%，可设固定值
+            itemStyle: {
+                normal: {
+                    // color: '各异',
+                    barBorderColor: '#fff', // 柱条边线
+                    barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
+                    barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1
+                    label: {
+                        show: false
+                        // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
+                        //           'inside'|'left'|'right'|'top'|'bottom'
+                        // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
+                    }
+                },
+                emphasis: {
+                    // color: '各异',
+                    barBorderColor: 'rgba(0,0,0,0)', // 柱条边线
+                    barBorderRadius: 0, // 柱条边线圆角，单位px，默认为0
+                    barBorderWidth: 1, // 柱条边线线宽，单位px，默认为1
+                    label: {
+                        show: false
+                        // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
+                        //           'inside'|'left'|'right'|'top'|'bottom'
+                        // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
+                    }
+                }
+            }
+        },
+
+        line: {
+            itemStyle: {
+                normal: {
+                    // color: 各异,
+                    label: {
+                        show: false
+                        // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
+                        //           'inside'|'left'|'right'|'top'|'bottom'
+                        // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
+                    },
+                    lineStyle: {
+                        width: 2,
+                        type: 'solid',
+                        shadowColor: 'rgba(0,0,0,0)', //默认透明
+                        shadowBlur: 5,
+                        shadowOffsetX: 3,
+                        shadowOffsetY: 3
+                    }
+                },
+                emphasis: {
+                    // color: 各异,
+                    label: {
+                        show: false
+                        // position: 默认自适应，水平布局为'top'，垂直布局为'right'，可选为
+                        //           'inside'|'left'|'right'|'top'|'bottom'
+                        // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
+                    }
+                }
+            },
+            //smooth : false,
+            //symbol: null,         // 拐点图形类型
+            symbolSize: 2, // 拐点图形大小
+            //symbolRotate : null,  // 拐点图形旋转控制
+            showAllSymbol: false // 标志图形默认只有主轴显示（随主轴标签间隔隐藏策略）
+        },
+
+        candlestick: {
+            itemStyle: {
+                color: '#fe9778',
+                color0: '#e7dac9'
+            },
+            lineStyle: {
+                width: 1,
+                color: '#f78766',
+                color0: '#f1ccb8'
+            },
+            areaStyle: {
+                color: '#e7dac9',
+                color0: '#c8e49c'
+            }
+        },
+
+        // 饼图默认参数
+        pie: {
+            center: ['50%', '50%'], // 默认全局居中
+            radius: [0, '75%'],
+            clockWise: false, // 默认逆时针
+            startAngle: 90,
+            minAngle: 0, // 最小角度改为0
+            selectedOffset: 10, // 选中是扇区偏移量
+            itemStyle: {
+                normal: {
+                    // color: 各异,
+                    borderColor: '#fff',
+                    borderWidth: 1,
+                    label: {
+                        show: true,
+                        position: 'outer',
+                        textStyle: { color: '#1b1b1b' },
+                        lineStyle: { color: '#1b1b1b' }
+                        // textStyle: null      // 默认使用全局文本样式，详见TEXTSTYLE
+                    },
+                    labelLine: {
+                        show: true,
+                        length: 20,
+                        lineStyle: {
+                            // color: 各异,
+                            width: 1,
+                            type: 'solid'
+                        }
+                    }
+                }
+            }
+        },
+
+        map: {
+            itemStyle: {
+                color: '#ddd',
+                borderColor: '#fff',
+                borderWidth: 1
+            },
+            areaStyle: {
+                color: '#f3f39d'
+            },
+            label: {
+                show: false,
+                color: 'rgba(139,69,19,1)'
+            },
+            showLegendSymbol: true
+        },
+
+        graph: {
+            itemStyle: {
+                color: '#d87a80'
+            },
+            linkStyle: {
+                strokeColor: '#a17e6e'
+            },
+            nodeStyle: {
+                brushType: 'both',
+                strokeColor: '#a17e6e'
+            },
+            label: {
+                show: false
+            }
+        },
+
+        gauge: {
+            axisLine: {
+                lineStyle: {
+                    color: [
+                        [0.2, '#ed9678'],
+                        [0.8, '#e7dac9'],
+                        [1, '#cb8e85']
+                    ],
+                    width: 8
+                }
+            }
+        }
+    };
+
+    echarts.registerTheme('macarons2', theme);
+});