66934b58cf59249f07d7ce18ddeccc9f1c8800ed.svn-base 6.8 KB

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