green.js 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. define(function() {
  2. var theme = {
  3. // 默认色板
  4. color: [
  5. '#408829','#68a54a','#a9cba2','#86b379',
  6. '#397b29','#8abb6f','#759c6a','#bfd3b7'
  7. ],
  8. // 图表标题
  9. title: {
  10. textStyle: {
  11. fontWeight: 'normal',
  12. color: '#408829'
  13. }
  14. },
  15. // 值域
  16. dataRange: {
  17. color:['#1f610a','#97b58d']
  18. },
  19. // 工具箱
  20. toolbox: {
  21. color : ['#408829','#408829','#408829','#408829']
  22. },
  23. // 提示框
  24. tooltip: {
  25. backgroundColor: 'rgba(0,0,0,0.5)',
  26. axisPointer : { // 坐标轴指示器,坐标轴触发有效
  27. type : 'line', // 默认为直线,可选为:'line' | 'shadow'
  28. lineStyle : { // 直线指示器样式设置
  29. color: '#408829',
  30. type: 'dashed'
  31. },
  32. crossStyle: {
  33. color: '#408829'
  34. },
  35. shadowStyle : { // 阴影指示器样式设置
  36. color: 'rgba(200,200,200,0.3)'
  37. }
  38. }
  39. },
  40. // 区域缩放控制器
  41. dataZoom: {
  42. dataBackgroundColor: '#eee', // 数据背景颜色
  43. fillerColor: 'rgba(64,136,41,0.2)', // 填充颜色
  44. handleColor: '#408829' // 手柄颜色
  45. },
  46. // 网格
  47. grid: {
  48. borderWidth: 0
  49. },
  50. // 类目轴
  51. categoryAxis: {
  52. axisLine: { // 坐标轴线
  53. lineStyle: { // 属性lineStyle控制线条样式
  54. color: '#408829'
  55. }
  56. },
  57. splitLine: { // 分隔线
  58. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  59. color: ['#eee']
  60. }
  61. }
  62. },
  63. // 数值型坐标轴默认参数
  64. valueAxis: {
  65. axisLine: { // 坐标轴线
  66. lineStyle: { // 属性lineStyle控制线条样式
  67. color: '#408829'
  68. }
  69. },
  70. splitArea : {
  71. show : true,
  72. areaStyle : {
  73. color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
  74. }
  75. },
  76. splitLine: { // 分隔线
  77. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  78. color: ['#eee']
  79. }
  80. }
  81. },
  82. timeline : {
  83. lineStyle : {
  84. color : '#408829'
  85. },
  86. controlStyle : {
  87. normal : { color : '#408829'},
  88. emphasis : { color : '#408829'}
  89. }
  90. },
  91. // K线图默认参数
  92. k: {
  93. itemStyle: {
  94. normal: {
  95. color: '#68a54a', // 阳线填充颜色
  96. color0: '#a9cba2', // 阴线填充颜色
  97. lineStyle: {
  98. width: 1,
  99. color: '#408829', // 阳线边框颜色
  100. color0: '#86b379' // 阴线边框颜色
  101. }
  102. }
  103. }
  104. },
  105. map: {
  106. itemStyle: {
  107. normal: {
  108. areaStyle: {
  109. color: '#ddd'
  110. },
  111. label: {
  112. textStyle: {
  113. color: '#c12e34'
  114. }
  115. }
  116. },
  117. emphasis: { // 也是选中样式
  118. areaStyle: {
  119. color: '#99d2dd'
  120. },
  121. label: {
  122. textStyle: {
  123. color: '#c12e34'
  124. }
  125. }
  126. }
  127. }
  128. },
  129. force : {
  130. itemStyle: {
  131. normal: {
  132. linkStyle : {
  133. color : '#408829'
  134. }
  135. }
  136. }
  137. },
  138. chord : {
  139. padding : 4,
  140. itemStyle : {
  141. normal : {
  142. borderWidth: 1,
  143. borderColor: 'rgba(128, 128, 128, 0.5)',
  144. chordStyle : {
  145. lineStyle : {
  146. color : 'rgba(128, 128, 128, 0.5)'
  147. }
  148. }
  149. },
  150. emphasis : {
  151. borderWidth: 1,
  152. borderColor: 'rgba(128, 128, 128, 0.5)',
  153. chordStyle : {
  154. lineStyle : {
  155. color : 'rgba(128, 128, 128, 0.5)'
  156. }
  157. }
  158. }
  159. }
  160. },
  161. gauge : {
  162. axisLine: { // 坐标轴线
  163. show: true, // 默认显示,属性show控制显示与否
  164. lineStyle: { // 属性lineStyle控制线条样式
  165. color: [[0.2, '#86b379'],[0.8, '#68a54a'],[1, '#408829']],
  166. width: 8
  167. }
  168. },
  169. axisTick: { // 坐标轴小标记
  170. splitNumber: 10, // 每份split细分多少段
  171. length :12, // 属性length控制线长
  172. lineStyle: { // 属性lineStyle控制线条样式
  173. color: 'auto'
  174. }
  175. },
  176. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
  177. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  178. color: 'auto'
  179. }
  180. },
  181. splitLine: { // 分隔线
  182. length : 18, // 属性length控制线长
  183. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  184. color: 'auto'
  185. }
  186. },
  187. pointer : {
  188. length : '90%',
  189. color : 'auto'
  190. },
  191. title : {
  192. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  193. color: '#333'
  194. }
  195. },
  196. detail : {
  197. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  198. color: 'auto'
  199. }
  200. }
  201. },
  202. textStyle: {
  203. fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
  204. }
  205. };
  206. return theme;
  207. });