Spaces:
Running
Running
| /* | |
| * 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 = '#B9B8CE'; | |
| var backgroundColor = '#100C2A'; | |
| var axisCommon = function () { | |
| return { | |
| axisLine: { | |
| lineStyle: { | |
| color: contrastColor | |
| } | |
| }, | |
| splitLine: { | |
| lineStyle: { | |
| color: '#484753' | |
| } | |
| }, | |
| splitArea: { | |
| areaStyle: { | |
| color: ['rgba(255,255,255,0.02)', 'rgba(255,255,255,0.05)'] | |
| } | |
| }, | |
| minorSplitLine: { | |
| lineStyle: { | |
| color: '#20203B' | |
| } | |
| } | |
| }; | |
| }; | |
| var colorPalette = [ | |
| '#4992ff', | |
| '#7cffb2', | |
| '#fddd60', | |
| '#ff6e76', | |
| '#58d9f9', | |
| '#05c091', | |
| '#ff8a45', | |
| '#8d48e3', | |
| '#dd79ff' | |
| ]; | |
| var theme = { | |
| darkMode: true, | |
| color: colorPalette, | |
| backgroundColor: backgroundColor, | |
| axisPointer: { | |
| lineStyle: { | |
| color: '#817f91' | |
| }, | |
| crossStyle: { | |
| color: '#817f91' | |
| }, | |
| label: { | |
| // TODO Contrast of label backgorundColor | |
| color: '#fff' | |
| } | |
| }, | |
| legend: { | |
| textStyle: { | |
| color: contrastColor | |
| } | |
| }, | |
| textStyle: { | |
| color: contrastColor | |
| }, | |
| title: { | |
| textStyle: { | |
| color: '#EEF1FA' | |
| }, | |
| subtextStyle: { | |
| color: '#B9B8CE' | |
| } | |
| }, | |
| toolbox: { | |
| iconStyle: { | |
| borderColor: contrastColor | |
| } | |
| }, | |
| dataZoom: { | |
| borderColor: '#71708A', | |
| textStyle: { | |
| color: contrastColor | |
| }, | |
| brushStyle: { | |
| color: 'rgba(135,163,206,0.3)' | |
| }, | |
| handleStyle: { | |
| color: '#353450', | |
| borderColor: '#C5CBE3' | |
| }, | |
| moveHandleStyle: { | |
| color: '#B0B6C3', | |
| opacity: 0.3 | |
| }, | |
| fillerColor: 'rgba(135,163,206,0.2)', | |
| emphasis: { | |
| handleStyle: { | |
| borderColor: '#91B7F2', | |
| color: '#4D587D' | |
| }, | |
| moveHandleStyle: { | |
| color: '#636D9A', | |
| opacity: 0.7 | |
| } | |
| }, | |
| dataBackground: { | |
| lineStyle: { | |
| color: '#71708A', | |
| width: 1 | |
| }, | |
| areaStyle: { | |
| color: '#71708A' | |
| } | |
| }, | |
| selectedDataBackground: { | |
| lineStyle: { | |
| color: '#87A3CE' | |
| }, | |
| areaStyle: { | |
| color: '#87A3CE' | |
| } | |
| } | |
| }, | |
| visualMap: { | |
| textStyle: { | |
| color: contrastColor | |
| } | |
| }, | |
| timeline: { | |
| lineStyle: { | |
| color: contrastColor | |
| }, | |
| label: { | |
| color: contrastColor | |
| }, | |
| controlStyle: { | |
| color: contrastColor, | |
| borderColor: contrastColor | |
| } | |
| }, | |
| calendar: { | |
| itemStyle: { | |
| color: backgroundColor | |
| }, | |
| dayLabel: { | |
| color: contrastColor | |
| }, | |
| monthLabel: { | |
| color: contrastColor | |
| }, | |
| yearLabel: { | |
| color: contrastColor | |
| } | |
| }, | |
| timeAxis: axisCommon(), | |
| logAxis: axisCommon(), | |
| valueAxis: axisCommon(), | |
| categoryAxis: axisCommon(), | |
| line: { | |
| symbol: 'circle' | |
| }, | |
| graph: { | |
| color: colorPalette | |
| }, | |
| gauge: { | |
| title: { | |
| color: contrastColor | |
| } | |
| }, | |
| candlestick: { | |
| itemStyle: { | |
| color: '#FD1050', | |
| color0: '#0CF49B', | |
| borderColor: '#FD1050', | |
| borderColor0: '#0CF49B' | |
| } | |
| } | |
| }; | |
| theme.categoryAxis.splitLine.show = false; | |
| echarts.registerTheme('dark', theme); | |
| }); | |