dark.js 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337
  1. define(function() {
  2. var theme = {
  3. // 全图默认背景
  4. backgroundColor: '#1b1b1b',
  5. // 默认色板
  6. color: [
  7. '#FE8463','#9BCA63','#FAD860','#60C0DD','#0084C6',
  8. '#D7504B','#C6E579','#26C0C0','#F0805A','#F4E001',
  9. '#B5C334'
  10. ],
  11. // 图表标题
  12. title: {
  13. textStyle: {
  14. fontWeight: 'normal',
  15. color: '#fff' // 主标题文字颜色
  16. }
  17. },
  18. // 图例
  19. legend: {
  20. textStyle: {
  21. color: '#ccc' // 图例文字颜色
  22. }
  23. },
  24. // 值域
  25. dataRange: {
  26. itemWidth: 15,
  27. color: ['#FFF808','#21BCF9'],
  28. textStyle: {
  29. color: '#ccc' // 值域文字颜色
  30. }
  31. },
  32. toolbox: {
  33. color : ['#fff', '#fff', '#fff', '#fff'],
  34. effectiveColor : '#FE8463',
  35. disableColor: '#666'
  36. },
  37. // 提示框
  38. tooltip: {
  39. backgroundColor: 'rgba(250,250,250,0.8)', // 提示背景颜色,默认为透明度为0.7的黑色
  40. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  41. type : 'line', // 默认为直线,可选为:'line' | 'shadow'
  42. lineStyle : { // 直线指示器样式设置
  43. color: '#aaa'
  44. },
  45. crossStyle: {
  46. color: '#aaa'
  47. },
  48. shadowStyle : { // 阴影指示器样式设置
  49. color: 'rgba(200,200,200,0.2)'
  50. }
  51. },
  52. textStyle: {
  53. color: '#333'
  54. }
  55. },
  56. // 区域缩放控制器
  57. dataZoom: {
  58. dataBackgroundColor: '#555', // 数据背景颜色
  59. fillerColor: 'rgba(200,200,200,0.2)', // 填充颜色
  60. handleColor: '#eee' // 手柄颜色
  61. },
  62. // 网格
  63. grid: {
  64. borderWidth: 0
  65. },
  66. // 类目轴
  67. categoryAxis: {
  68. axisLine: { // 坐标轴线
  69. show: false
  70. },
  71. axisTick: { // 坐标轴小标记
  72. show: false
  73. },
  74. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
  75. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  76. color: '#ccc'
  77. }
  78. },
  79. splitLine: { // 分隔线
  80. show: false
  81. }
  82. },
  83. // 数值型坐标轴默认参数
  84. valueAxis: {
  85. axisLine: { // 坐标轴线
  86. show: false
  87. },
  88. axisTick: { // 坐标轴小标记
  89. show: false
  90. },
  91. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
  92. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  93. color: '#ccc'
  94. }
  95. },
  96. splitLine: { // 分隔线
  97. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  98. color: ['#aaa'],
  99. type: 'dashed'
  100. }
  101. },
  102. splitArea: { // 分隔区域
  103. show: false
  104. }
  105. },
  106. polar : {
  107. name : {
  108. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  109. color: '#ccc'
  110. }
  111. },
  112. axisLine: { // 坐标轴线
  113. lineStyle: { // 属性lineStyle控制线条样式
  114. color: '#ddd'
  115. }
  116. },
  117. splitArea : {
  118. show : true,
  119. areaStyle : {
  120. color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
  121. }
  122. },
  123. splitLine : {
  124. lineStyle : {
  125. color : '#ddd'
  126. }
  127. }
  128. },
  129. timeline : {
  130. label: {
  131. textStyle:{
  132. color: '#ccc'
  133. }
  134. },
  135. lineStyle : {
  136. color : '#aaa'
  137. },
  138. controlStyle : {
  139. normal : { color : '#fff'},
  140. emphasis : { color : '#FE8463'}
  141. },
  142. symbolSize : 3
  143. },
  144. // 折线图默认参数
  145. line: {
  146. smooth : true
  147. },
  148. // K线图默认参数
  149. k: {
  150. itemStyle: {
  151. normal: {
  152. color: '#FE8463', // 阳线填充颜色
  153. color0: '#9BCA63', // 阴线填充颜色
  154. lineStyle: {
  155. width: 1,
  156. color: '#FE8463', // 阳线边框颜色
  157. color0: '#9BCA63' // 阴线边框颜色
  158. }
  159. }
  160. }
  161. },
  162. // 雷达图默认参数
  163. radar : {
  164. symbol: 'emptyCircle', // 图形类型
  165. symbolSize:3
  166. //symbol: null, // 拐点图形类型
  167. //symbolRotate : null, // 图形旋转控制
  168. },
  169. pie: {
  170. itemStyle: {
  171. normal: {
  172. borderWidth: 1,
  173. borderColor : 'rgba(255, 255, 255, 0.5)'
  174. },
  175. emphasis: {
  176. borderWidth: 1,
  177. borderColor : 'rgba(255, 255, 255, 1)'
  178. }
  179. }
  180. },
  181. map: {
  182. itemStyle: {
  183. normal: {
  184. borderColor:'rgba(255, 255, 255, 0.5)',
  185. areaStyle: {
  186. color: '#ddd'
  187. },
  188. label: {
  189. textStyle: {
  190. color: '#ccc'
  191. }
  192. }
  193. },
  194. emphasis: { // 也是选中样式
  195. areaStyle: {
  196. color: '#FE8463'
  197. },
  198. label: {
  199. textStyle: {
  200. color: 'ccc'
  201. }
  202. }
  203. }
  204. }
  205. },
  206. force : {
  207. itemStyle: {
  208. normal: {
  209. linkStyle : {
  210. color : '#fff'
  211. }
  212. }
  213. }
  214. },
  215. chord : {
  216. itemStyle : {
  217. normal : {
  218. borderWidth: 1,
  219. borderColor: 'rgba(228, 228, 228, 0.2)',
  220. chordStyle : {
  221. lineStyle : {
  222. color : 'rgba(228, 228, 228, 0.2)'
  223. }
  224. }
  225. },
  226. emphasis : {
  227. borderWidth: 1,
  228. borderColor: 'rgba(228, 228, 228, 0.9)',
  229. chordStyle : {
  230. lineStyle : {
  231. color : 'rgba(228, 228, 228, 0.9)'
  232. }
  233. }
  234. }
  235. }
  236. },
  237. gauge : {
  238. axisLine: { // 坐标轴线
  239. show: true, // 默认显示,属性show控制显示与否
  240. lineStyle: { // 属性lineStyle控制线条样式
  241. color: [[0.2, '#9BCA63'],[0.8, '#60C0DD'],[1, '#D7504B']],
  242. width: 3,
  243. shadowColor : '#fff', //默认透明
  244. shadowBlur: 10
  245. }
  246. },
  247. axisTick: { // 坐标轴小标记
  248. length :15, // 属性length控制线长
  249. lineStyle: { // 属性lineStyle控制线条样式
  250. color: 'auto',
  251. shadowColor : '#fff', //默认透明
  252. shadowBlur: 10
  253. }
  254. },
  255. axisLabel: { // 坐标轴小标记
  256. textStyle: { // 属性lineStyle控制线条样式
  257. fontWeight: 'bolder',
  258. color: '#fff',
  259. shadowColor : '#fff', //默认透明
  260. shadowBlur: 10
  261. }
  262. },
  263. splitLine: { // 分隔线
  264. length :25, // 属性length控制线长
  265. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  266. width:3,
  267. color: '#fff',
  268. shadowColor : '#fff', //默认透明
  269. shadowBlur: 10
  270. }
  271. },
  272. pointer: { // 分隔线
  273. shadowColor : '#fff', //默认透明
  274. shadowBlur: 5
  275. },
  276. title : {
  277. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  278. fontWeight: 'bolder',
  279. fontSize: 20,
  280. fontStyle: 'italic',
  281. color: '#fff',
  282. shadowColor : '#fff', //默认透明
  283. shadowBlur: 10
  284. }
  285. },
  286. detail : {
  287. shadowColor : '#fff', //默认透明
  288. shadowBlur: 5,
  289. offsetCenter: [0, '50%'], // x, y,单位px
  290. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  291. fontWeight: 'bolder',
  292. color: '#fff'
  293. }
  294. }
  295. },
  296. funnel : {
  297. itemStyle: {
  298. normal: {
  299. borderColor : 'rgba(255, 255, 255, 0.5)',
  300. borderWidth: 1
  301. },
  302. emphasis: {
  303. borderColor : 'rgba(255, 255, 255, 1)',
  304. borderWidth: 1
  305. }
  306. }
  307. },
  308. textStyle: {
  309. fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
  310. }
  311. };
  312. return theme;
  313. });