You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
175 lines
4.3 KiB
175 lines
4.3 KiB
/* |
|
* 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 colorPalette = [ |
|
'#c12e34', |
|
'#e6b600', |
|
'#0098d9', |
|
'#2b821d', |
|
'#005eaa', |
|
'#339ca8', |
|
'#cda819', |
|
'#32a487' |
|
]; |
|
|
|
var theme = { |
|
color: colorPalette, |
|
|
|
title: { |
|
textStyle: { |
|
fontWeight: 'normal' |
|
} |
|
}, |
|
|
|
visualMap: { |
|
color: ['#1790cf', '#a2d4e6'] |
|
}, |
|
|
|
toolbox: { |
|
iconStyle: { |
|
borderColor: '#06467c' |
|
} |
|
}, |
|
|
|
tooltip: { |
|
backgroundColor: 'rgba(0,0,0,0.6)' |
|
}, |
|
|
|
dataZoom: { |
|
dataBackgroundColor: '#dedede', |
|
fillerColor: 'rgba(154,217,247,0.2)', |
|
handleColor: '#005eaa' |
|
}, |
|
|
|
timeline: { |
|
lineStyle: { |
|
color: '#005eaa' |
|
}, |
|
controlStyle: { |
|
color: '#005eaa', |
|
borderColor: '#005eaa' |
|
} |
|
}, |
|
|
|
candlestick: { |
|
itemStyle: { |
|
color: '#c12e34', |
|
color0: '#2b821d' |
|
}, |
|
lineStyle: { |
|
width: 1, |
|
color: '#c12e34', |
|
color0: '#2b821d' |
|
}, |
|
areaStyle: { |
|
color: '#e6b600', |
|
color0: '#005eaa' |
|
} |
|
}, |
|
|
|
graph: { |
|
itemStyle: { |
|
color: '#e6b600' |
|
}, |
|
linkStyle: { |
|
color: '#005eaa' |
|
} |
|
}, |
|
|
|
map: { |
|
itemStyle: { |
|
color: '#f2385a', |
|
borderColor: '#eee', |
|
areaColor: '#ddd' |
|
}, |
|
areaStyle: { |
|
color: '#ddd' |
|
}, |
|
label: { |
|
color: '#c12e34' |
|
} |
|
}, |
|
|
|
gauge: { |
|
axisLine: { |
|
show: true, |
|
lineStyle: { |
|
color: [ |
|
[0.2, '#2b821d'], |
|
[0.8, '#005eaa'], |
|
[1, '#c12e34'] |
|
], |
|
width: 5 |
|
} |
|
}, |
|
axisTick: { |
|
splitNumber: 10, |
|
length: 8, |
|
lineStyle: { |
|
color: 'auto' |
|
} |
|
}, |
|
axisLabel: { |
|
color: 'auto' |
|
}, |
|
splitLine: { |
|
length: 12, |
|
lineStyle: { |
|
color: 'auto' |
|
} |
|
}, |
|
pointer: { |
|
length: '90%', |
|
width: 3, |
|
color: 'auto' |
|
}, |
|
title: { |
|
color: '#333' |
|
}, |
|
detail: { |
|
color: 'auto' |
|
} |
|
} |
|
}; |
|
echarts.registerTheme('shine', theme); |
|
});
|
|
|