( 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' ) ) ; } 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 = [ '#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 ) ; } ) ) ;