| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263 | /* * 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);});
 |