| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183 | /* * 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 = [        '#dd6b66',        '#759aa0',        '#e69d87',        '#8dc1a9',        '#ea7e53',        '#eedd78',        '#73a373',        '#73b9bc',        '#7289ab',        '#91ca8c',        '#f49f42'    ];    var theme = {        color: colorPalette,        backgroundColor: '#333',        tooltip: {            axisPointer: {                lineStyle: {                    color: contrastColor                },                crossStyle: {                    color: contrastColor                },                label: {                    color: '#000'                }            }        },        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: '#dd6b66' // 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, '#dd6b66'],                        [0.8, '#759aa0'],                        [1, '#ea7e53']                    ],                    width: 8                }            }        },        candlestick: {            itemStyle: {                color: '#FD1050',                color0: '#0CF49B',                borderColor: '#FD1050',                borderColor0: '#0CF49B'            }        }    };    theme.categoryAxis.splitLine.show = false;    echarts.registerTheme('dark', theme);});
 |