| (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')); |
| } 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 = [ |
| '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80', |
| '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa', |
| '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050', |
| '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089' |
| ]; |
| |
| |
| var theme = { |
| color: colorPalette, |
| |
| title: { |
| textStyle: { |
| fontWeight: 'normal', |
| color: '#008acd' |
| } |
| }, |
| |
| visualMap: { |
| itemWidth: 15, |
| color: ['#5ab1ef','#e0ffff'] |
| }, |
| |
| toolbox: { |
| iconStyle: { |
| normal: { |
| borderColor: colorPalette[0] |
| } |
| } |
| }, |
| |
| tooltip: { |
| backgroundColor: 'rgba(50,50,50,0.5)', |
| axisPointer : { |
| type : 'line', |
| lineStyle : { |
| color: '#008acd' |
| }, |
| crossStyle: { |
| color: '#008acd' |
| }, |
| shadowStyle : { |
| color: 'rgba(200,200,200,0.2)' |
| } |
| } |
| }, |
| |
| dataZoom: { |
| dataBackgroundColor: '#efefff', |
| fillerColor: 'rgba(182,162,222,0.2)', |
| handleColor: '#008acd' |
| }, |
| |
| grid: { |
| borderColor: '#eee' |
| }, |
| |
| categoryAxis: { |
| axisLine: { |
| lineStyle: { |
| color: '#008acd' |
| } |
| }, |
| splitLine: { |
| lineStyle: { |
| color: ['#eee'] |
| } |
| } |
| }, |
| |
| valueAxis: { |
| axisLine: { |
| lineStyle: { |
| color: '#008acd' |
| } |
| }, |
| splitArea : { |
| show : true, |
| areaStyle : { |
| color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)'] |
| } |
| }, |
| splitLine: { |
| lineStyle: { |
| color: ['#eee'] |
| } |
| } |
| }, |
| |
| timeline : { |
| lineStyle : { |
| color : '#008acd' |
| }, |
| controlStyle : { |
| normal : { color : '#008acd'}, |
| emphasis : { color : '#008acd'} |
| }, |
| symbol : 'emptyCircle', |
| symbolSize : 3 |
| }, |
| |
| line: { |
| smooth : true, |
| symbol: 'emptyCircle', |
| symbolSize: 3 |
| }, |
| |
| candlestick: { |
| itemStyle: { |
| normal: { |
| color: '#d87a80', |
| color0: '#2ec7c9', |
| lineStyle: { |
| color: '#d87a80', |
| color0: '#2ec7c9' |
| } |
| } |
| } |
| }, |
| |
| scatter: { |
| symbol: 'circle', |
| symbolSize: 4 |
| }, |
| |
| map: { |
| label: { |
| normal: { |
| textStyle: { |
| color: '#d87a80' |
| } |
| } |
| }, |
| itemStyle: { |
| normal: { |
| borderColor: '#eee', |
| areaColor: '#ddd' |
| }, |
| emphasis: { |
| areaColor: '#fe994e' |
| } |
| } |
| }, |
| |
| graph: { |
| color: colorPalette |
| }, |
| |
| gauge : { |
| axisLine: { |
| lineStyle: { |
| color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']], |
| width: 10 |
| } |
| }, |
| axisTick: { |
| splitNumber: 10, |
| length :15, |
| lineStyle: { |
| color: 'auto' |
| } |
| }, |
| splitLine: { |
| length :22, |
| lineStyle: { |
| color: 'auto' |
| } |
| }, |
| pointer : { |
| width : 5 |
| } |
| } |
| }; |
| |
| echarts.registerTheme('macarons', theme); |
| })); |