echarts-macarons.js 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. var e_macarons = {
  2. // 默认色板
  3. color: [
  4. '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
  5. '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
  6. '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
  7. '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
  8. ],
  9. // 图表标题
  10. title: {
  11. itemGap: 8,
  12. textStyle: {
  13. fontWeight: 'normal',
  14. color: '#008acd' // 主标题文字颜色
  15. }
  16. },
  17. // 图例
  18. legend: {
  19. itemGap: 8
  20. },
  21. // 值域
  22. dataRange: {
  23. itemWidth: 15,
  24. //color:['#1e90ff','#afeeee']
  25. color: ['#2ec7c9','#b6a2de']
  26. },
  27. toolbox: {
  28. color : ['#1e90ff', '#1e90ff', '#1e90ff', '#1e90ff'],
  29. effectiveColor : '#ff4500',
  30. itemGap: 8
  31. },
  32. // 提示框
  33. tooltip: {
  34. backgroundColor: 'rgba(50,50,50,0.5)', // 提示背景颜色,默认为透明度为0.7的黑色
  35. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  36. type : 'line', // 默认为直线,可选为:'line' | 'shadow'
  37. lineStyle : { // 直线指示器样式设置
  38. color: '#008acd'
  39. },
  40. crossStyle: {
  41. color: '#008acd'
  42. },
  43. shadowStyle : { // 阴影指示器样式设置
  44. color: 'rgba(200,200,200,0.2)'
  45. }
  46. }
  47. },
  48. // 区域缩放控制器
  49. dataZoom: {
  50. dataBackgroundColor: '#efefff', // 数据背景颜色
  51. fillerColor: 'rgba(182,162,222,0.2)', // 填充颜色
  52. handleColor: '#008acd' // 手柄颜色
  53. },
  54. // 网格
  55. grid: {
  56. borderColor: '#eee'
  57. },
  58. // 类目轴
  59. categoryAxis: {
  60. axisLine: { // 坐标轴线
  61. lineStyle: { // 属性lineStyle控制线条样式
  62. color: '#008acd'
  63. }
  64. },
  65. splitLine: { // 分隔线
  66. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  67. color: ['#eee']
  68. }
  69. }
  70. },
  71. // 数值型坐标轴默认参数
  72. valueAxis: {
  73. axisLine: { // 坐标轴线
  74. lineStyle: { // 属性lineStyle控制线条样式
  75. color: '#008acd'
  76. }
  77. },
  78. splitArea : {
  79. show : true,
  80. areaStyle : {
  81. color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
  82. }
  83. },
  84. splitLine: { // 分隔线
  85. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  86. color: ['#eee']
  87. }
  88. }
  89. },
  90. polar : {
  91. axisLine: { // 坐标轴线
  92. lineStyle: { // 属性lineStyle控制线条样式
  93. color: '#ddd'
  94. }
  95. },
  96. splitArea : {
  97. show : true,
  98. areaStyle : {
  99. color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
  100. }
  101. },
  102. splitLine : {
  103. lineStyle : {
  104. color : '#ddd'
  105. }
  106. }
  107. },
  108. timeline : {
  109. lineStyle : {
  110. color : '#008acd'
  111. },
  112. controlStyle : {
  113. normal : { color : '#008acd'},
  114. emphasis : { color : '#008acd'}
  115. },
  116. symbol : 'emptyCircle',
  117. symbolSize : 3
  118. },
  119. // 柱形图默认参数
  120. bar: {
  121. itemStyle: {
  122. normal: {
  123. borderRadius: 5
  124. },
  125. emphasis: {
  126. borderRadius: 5
  127. }
  128. }
  129. },
  130. // 折线图默认参数
  131. line: {
  132. smooth : true,
  133. symbol: 'emptyCircle', // 拐点图形类型
  134. symbolSize: 3 // 拐点图形大小
  135. },
  136. // K线图默认参数
  137. k: {
  138. itemStyle: {
  139. normal: {
  140. color: '#d87a80', // 阳线填充颜色
  141. color0: '#2ec7c9', // 阴线填充颜色
  142. lineStyle: {
  143. width: 1,
  144. color: '#d87a80', // 阳线边框颜色
  145. color0: '#2ec7c9' // 阴线边框颜色
  146. }
  147. }
  148. }
  149. },
  150. // 散点图默认参数
  151. scatter: {
  152. symbol: 'circle', // 图形类型
  153. symbolSize: 4 // 图形大小,半宽(半径)参数,当图形为方向或菱形则总宽度为symbolSize * 2
  154. },
  155. // 雷达图默认参数
  156. radar : {
  157. symbol: 'emptyCircle', // 图形类型
  158. symbolSize:3
  159. //symbol: null, // 拐点图形类型
  160. //symbolRotate : null, // 图形旋转控制
  161. },
  162. map: {
  163. itemStyle: {
  164. normal: {
  165. areaStyle: {
  166. color: '#ddd'
  167. },
  168. label: {
  169. textStyle: {
  170. color: '#d87a80'
  171. }
  172. }
  173. },
  174. emphasis: { // 也是选中样式
  175. areaStyle: {
  176. color: '#fe994e'
  177. },
  178. label: {
  179. textStyle: {
  180. color: 'rgb(100,0,0)'
  181. }
  182. }
  183. }
  184. }
  185. },
  186. force : {
  187. itemStyle: {
  188. normal: {
  189. linkStyle : {
  190. strokeColor : '#1e90ff'
  191. }
  192. }
  193. }
  194. },
  195. chord : {
  196. padding : 4,
  197. itemStyle : {
  198. normal : {
  199. lineStyle : {
  200. width : 1,
  201. color : 'rgba(128, 128, 128, 0.5)'
  202. },
  203. chordStyle : {
  204. lineStyle : {
  205. width : 1,
  206. color : 'rgba(128, 128, 128, 0.5)'
  207. }
  208. }
  209. },
  210. emphasis : {
  211. lineStyle : {
  212. width : 1,
  213. color : 'rgba(128, 128, 128, 0.5)'
  214. },
  215. chordStyle : {
  216. lineStyle : {
  217. width : 1,
  218. color : 'rgba(128, 128, 128, 0.5)'
  219. }
  220. }
  221. }
  222. }
  223. },
  224. gauge : {
  225. startAngle: 225,
  226. endAngle : -45,
  227. axisLine: { // 坐标轴线
  228. show: true, // 默认显示,属性show控制显示与否
  229. lineStyle: { // 属性lineStyle控制线条样式
  230. color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
  231. width: 10
  232. }
  233. },
  234. axisTick: { // 坐标轴小标记
  235. splitNumber: 10, // 每份split细分多少段
  236. length :15, // 属性length控制线长
  237. lineStyle: { // 属性lineStyle控制线条样式
  238. color: 'auto'
  239. }
  240. },
  241. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
  242. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  243. color: 'auto'
  244. }
  245. },
  246. splitLine: { // 分隔线
  247. length :22, // 属性length控制线长
  248. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  249. color: 'auto'
  250. }
  251. },
  252. pointer : {
  253. width : 5,
  254. color : 'auto'
  255. },
  256. title : {
  257. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  258. color: '#333'
  259. }
  260. },
  261. detail : {
  262. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  263. color: 'auto'
  264. }
  265. }
  266. },
  267. textStyle: {
  268. fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
  269. }
  270. }