| /* |
| * 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/lib/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: { |
| color: contrastColor |
| }, |
| splitLine: { |
| lineStyle: { |
| type: 'dashed', |
| color: '#aaa' |
| } |
| }, |
| splitArea: { |
| areaStyle: { |
| color: contrastColor |
| } |
| } |
| }; |
| }; |
| |
| var colorPalette = [ |
| '#cc0e00', |
| '#ff1a0a', |
| '#ff8880', |
| '#ffc180', |
| '#ffc2b0', |
| '#ffffff', |
| '#ff8880', |
| '#ffe6e6' |
| ]; |
| var theme = { |
| color: colorPalette, |
| backgroundColor: '#333', |
| tooltip: { |
| axisPointer: { |
| lineStyle: { |
| color: contrastColor |
| }, |
| crossStyle: { |
| color: contrastColor |
| } |
| } |
| }, |
| legend: { |
| textStyle: { |
| color: contrastColor |
| } |
| }, |
| title: { |
| textStyle: { |
| color: contrastColor |
| } |
| }, |
| toolbox: { |
| iconStyle: { |
| borderColor: contrastColor |
| } |
| }, |
| |
| // Area scaling controller |
| dataZoom: { |
| dataBackgroundColor: '#eee', // Data background color |
| fillerColor: 'rgba(200,200,200,0.2)', // Fill the color |
| handleColor: '#cc0e00' // 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, '#ff1a0a'], |
| [0.8, '#cc0e00'], |
| [1, '#ffc2b0'] |
| ], |
| width: 8 |
| } |
| } |
| } |
| }; |
| |
| theme.categoryAxis.splitLine.show = false; |
| echarts.registerTheme('dark-mushroom', theme); |
| }); |