shine.js 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. define(function() {
  2. var theme = {
  3. // 默认色板
  4. color: [
  5. '#c12e34','#e6b600','#0098d9','#2b821d',
  6. '#005eaa','#339ca8','#cda819','#32a487'
  7. ],
  8. // 图表标题
  9. title: {
  10. textStyle: {
  11. fontWeight: 'normal'
  12. }
  13. },
  14. // 值域
  15. dataRange: {
  16. itemWidth: 15, // 值域图形宽度,线性渐变水平布局宽度为该值 * 10
  17. color:['#1790cf','#a2d4e6']
  18. },
  19. // 工具箱
  20. toolbox: {
  21. color : ['#06467c','#00613c','#872d2f','#c47630']
  22. },
  23. // 提示框
  24. tooltip: {
  25. backgroundColor: 'rgba(0,0,0,0.6)'
  26. },
  27. // 区域缩放控制器
  28. dataZoom: {
  29. dataBackgroundColor: '#dedede', // 数据背景颜色
  30. fillerColor: 'rgba(154,217,247,0.2)', // 填充颜色
  31. handleColor: '#005eaa' // 手柄颜色
  32. },
  33. // 网格
  34. grid: {
  35. borderWidth: 0
  36. },
  37. // 类目轴
  38. categoryAxis: {
  39. axisLine: { // 坐标轴线
  40. show: false
  41. },
  42. axisTick: { // 坐标轴小标记
  43. show: false
  44. }
  45. },
  46. // 数值型坐标轴默认参数
  47. valueAxis: {
  48. axisLine: { // 坐标轴线
  49. show: false
  50. },
  51. axisTick: { // 坐标轴小标记
  52. show: false
  53. },
  54. splitArea: { // 分隔区域
  55. show: true, // 默认不显示,属性show控制显示与否
  56. areaStyle: { // 属性areaStyle(详见areaStyle)控制区域样式
  57. color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
  58. }
  59. }
  60. },
  61. timeline : {
  62. lineStyle : {
  63. color : '#005eaa'
  64. },
  65. controlStyle : {
  66. normal : { color : '#005eaa'},
  67. emphasis : { color : '#005eaa'}
  68. }
  69. },
  70. // K线图默认参数
  71. k: {
  72. itemStyle: {
  73. normal: {
  74. color: '#c12e34', // 阳线填充颜色
  75. color0: '#2b821d', // 阴线填充颜色
  76. lineStyle: {
  77. width: 1,
  78. color: '#c12e34', // 阳线边框颜色
  79. color0: '#2b821d' // 阴线边框颜色
  80. }
  81. }
  82. }
  83. },
  84. map: {
  85. itemStyle: {
  86. normal: {
  87. areaStyle: {
  88. color: '#ddd'
  89. },
  90. label: {
  91. textStyle: {
  92. color: '#c12e34'
  93. }
  94. }
  95. },
  96. emphasis: { // 也是选中样式
  97. areaStyle: {
  98. color: '#e6b600'
  99. },
  100. label: {
  101. textStyle: {
  102. color: '#c12e34'
  103. }
  104. }
  105. }
  106. }
  107. },
  108. force : {
  109. itemStyle: {
  110. normal: {
  111. linkStyle : {
  112. color : '#005eaa'
  113. }
  114. }
  115. }
  116. },
  117. chord : {
  118. itemStyle : {
  119. normal : {
  120. borderWidth: 1,
  121. borderColor: 'rgba(128, 128, 128, 0.5)',
  122. chordStyle : {
  123. lineStyle : {
  124. color : 'rgba(128, 128, 128, 0.5)'
  125. }
  126. }
  127. },
  128. emphasis : {
  129. borderWidth: 1,
  130. borderColor: 'rgba(128, 128, 128, 0.5)',
  131. chordStyle : {
  132. lineStyle : {
  133. color : 'rgba(128, 128, 128, 0.5)'
  134. }
  135. }
  136. }
  137. }
  138. },
  139. gauge : {
  140. axisLine: { // 坐标轴线
  141. show: true, // 默认显示,属性show控制显示与否
  142. lineStyle: { // 属性lineStyle控制线条样式
  143. color: [[0.2, '#2b821d'],[0.8, '#005eaa'],[1, '#c12e34']],
  144. width: 5
  145. }
  146. },
  147. axisTick: { // 坐标轴小标记
  148. splitNumber: 10, // 每份split细分多少段
  149. length :8, // 属性length控制线长
  150. lineStyle: { // 属性lineStyle控制线条样式
  151. color: 'auto'
  152. }
  153. },
  154. axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
  155. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  156. color: 'auto'
  157. }
  158. },
  159. splitLine: { // 分隔线
  160. length : 12, // 属性length控制线长
  161. lineStyle: { // 属性lineStyle(详见lineStyle)控制线条样式
  162. color: 'auto'
  163. }
  164. },
  165. pointer : {
  166. length : '90%',
  167. width : 3,
  168. color : 'auto'
  169. },
  170. title : {
  171. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  172. color: '#333'
  173. }
  174. },
  175. detail : {
  176. textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
  177. color: 'auto'
  178. }
  179. }
  180. },
  181. textStyle: {
  182. fontFamily: '微软雅黑, Arial, Verdana, sans-serif'
  183. }
  184. };
  185. return theme;
  186. });