123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164 |
- /*
- * 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 = [
- '#00a8c6',
- '#40c0cb',
- '#ebd3ad',
- '#aee239',
- '#8fbe00',
- '#33e0ff',
- '#b3f4ff',
- '#e6ff99'
- ];
- 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: '#00a8c6' // 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, '#40c0cb'],
- [0.8, '#00a8c6'],
- [1, '#8fbe00']
- ],
- width: 8
- }
- }
- }
- };
- theme.categoryAxis.splitLine.show = false;
- echarts.registerTheme('dark-fresh-cut', theme);
- });
|