123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220 |
- (function(root, factory) {
- if (typeof define === 'function' && define.amd) {
-
- define(['exports', 'echarts'], factory);
- } else if (
- typeof exports === 'object' &&
- typeof exports.nodeName !== 'string'
- ) {
-
- factory(exports, require('echarts/lib/echarts'));
- } else {
-
- 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 = [
- '#757575',
- '#c7c7c7',
- '#dadada',
- '#8b8b8b',
- '#b5b5b5',
- '#e9e9e9'
- ];
- var theme = {
- color: colorPalette,
- title: {
- textStyle: {
- fontWeight: 'normal',
- color: '#757575'
- }
- },
- dataRange: {
- color: ['#636363', '#dcdcdc']
- },
- toolbox: {
- color: ['#757575', '#757575', '#757575', '#757575']
- },
- tooltip: {
- backgroundColor: 'rgba(0,0,0,0.5)',
- axisPointer: {
-
- type: 'line',
- lineStyle: {
-
- color: '#757575',
- type: 'dashed'
- },
- crossStyle: {
- color: '#757575'
- },
- shadowStyle: {
-
- color: 'rgba(200,200,200,0.3)'
- }
- }
- },
-
- dataZoom: {
- dataBackgroundColor: '#eee',
- fillerColor: 'rgba(117,117,117,0.2)',
- handleColor: '#757575'
- },
- grid: {
- borderWidth: 0
- },
- categoryAxis: {
- axisLine: {
-
- lineStyle: {
-
- color: '#757575'
- }
- },
- splitLine: {
-
- lineStyle: {
-
- color: ['#eee']
- }
- }
- },
- valueAxis: {
- axisLine: {
-
- lineStyle: {
-
- color: '#757575'
- }
- },
- splitArea: {
- show: true,
- areaStyle: {
- color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']
- }
- },
- splitLine: {
-
- lineStyle: {
-
- color: ['#eee']
- }
- }
- },
- timeline: {
- lineStyle: {
- color: '#757575'
- },
- controlStyle: {
- color: '#757575',
- borderColor: '#757575'
- }
- },
- candlestick: {
- itemStyle: {
- color: '#8b8b8b',
- color0: '#dadada'
- },
- lineStyle: {
- width: 1,
- color: '#757575',
- color0: '#c7c7c7'
- },
- areaStyle: {
- color: '#757575',
- color0: '#e9e9e9'
- }
- },
- map: {
- itemStyle: {
- color: '#c7c7c7'
- },
- areaStyle: {
- color: 'ddd'
- },
- label: {
- color: '#c12e34'
- }
- },
- graph: {
- itemStyle: {
- color: '#e9e9e9'
- },
- linkStyle: {
- color: '#757575'
- }
- },
- chord: {
- padding: 4,
- itemStyle: {
- color: '#e9e9e9',
- borderWidth: 1,
- borderColor: 'rgba(128, 128, 128, 0.5)'
- },
- lineStyle: {
- color: 'rgba(128, 128, 128, 0.5)'
- },
- areaStyle: {
- color: '#757575'
- }
- },
- gauge: {
- axisLine: {
- lineStyle: {
- color: [
- [0.2, '#b5b5b5'],
- [0.8, '#757575'],
- [1, '#5c5c5c']
- ],
- width: 8
- }
- }
- }
- };
- echarts.registerTheme('gray', theme);
- });
|