纽威
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

216 lines
5.9 KiB

3 years ago
  1. function infographicTheme() {
  2. var theme = {
  3. // Ĭ��ɫ��
  4. color: [
  5. '#C1232B','#B5C334','#FCCE10','#E87C25','#27727B',
  6. '#FE8463','#9BCA63','#FAD860','#F3A43B','#60C0DD',
  7. '#D7504B','#C6E579','#F4E001','#F0805A','#26C0C0'
  8. ],
  9. // �������ſ�����
  10. dataZoom: {
  11. dataBackgroundColor: 'rgba(181,195,52,0.3)', // ���ݱ�����ɫ
  12. fillerColor: 'rgba(181,195,52,0.2)', // ������ɫ
  13. handleColor: '#27727B' // �ֱ���ɫ
  14. },
  15. // ����
  16. grid: {
  17. borderWidth:0
  18. },
  19. // ��Ŀ��
  20. categoryAxis: {
  21. axisLine: { // ��������
  22. lineStyle: { // ����lineStyle����������ʽ
  23. color: '#27727B'
  24. }
  25. },
  26. splitLine: { // �ָ���
  27. show: false
  28. }
  29. },
  30. // ��ֵ��������Ĭ�ϲ���
  31. valueAxis: {
  32. axisLine: { // ��������
  33. show: false
  34. },
  35. splitArea : {
  36. show: false
  37. },
  38. splitLine: { // �ָ���
  39. lineStyle: { // ����lineStyle������lineStyle������������ʽ
  40. color: ['#ccc'],
  41. type: 'dashed'
  42. }
  43. }
  44. },
  45. polar : {
  46. axisLine: { // ��������
  47. lineStyle: { // ����lineStyle����������ʽ
  48. color: '#ddd'
  49. }
  50. },
  51. splitArea : {
  52. show : true,
  53. areaStyle : {
  54. color: ['rgba(250,250,250,0.2)','rgba(200,200,200,0.2)']
  55. }
  56. },
  57. splitLine : {
  58. lineStyle : {
  59. color : '#ddd'
  60. }
  61. }
  62. },
  63. timeline : {
  64. lineStyle : {
  65. color : '#27727B'
  66. },
  67. controlStyle : {
  68. normal : { color : '#27727B'},
  69. emphasis : { color : '#27727B'}
  70. },
  71. symbol : 'emptyCircle'
  72. },
  73. // ����ͼĬ�ϲ���
  74. line: {
  75. itemStyle: {
  76. normal: {
  77. borderWidth:2,
  78. borderColor:'#fff',
  79. lineStyle: {
  80. width: 3
  81. }
  82. },
  83. emphasis: {
  84. borderWidth:0
  85. }
  86. },
  87. symbol: 'circle', // �յ�ͼ������
  88. },
  89. // K��ͼĬ�ϲ���
  90. k: {
  91. itemStyle: {
  92. normal: {
  93. color: '#C1232B', // ����������ɫ
  94. color0: '#B5C334', // ����������ɫ
  95. lineStyle: {
  96. width: 1,
  97. color: '#C1232B', // ���߱߿���ɫ
  98. color0: '#B5C334' // ���߱߿���ɫ
  99. }
  100. }
  101. }
  102. },
  103. // ɢ��ͼĬ�ϲ���
  104. scatter: {
  105. itemStyle: {
  106. normal: {
  107. borderWidth:1,
  108. borderColor:'rgba(200,200,200,0.5)'
  109. },
  110. emphasis: {
  111. borderWidth:0
  112. }
  113. },
  114. symbol: 'star4', // ͼ������
  115. },
  116. // �״�ͼĬ�ϲ���
  117. radar : {
  118. symbol: 'emptyCircle', // ͼ������
  119. //symbol: null, // �յ�ͼ������
  120. //symbolRotate : null, // ͼ����ת����
  121. },
  122. map: {
  123. itemStyle: {
  124. normal: {
  125. areaStyle: {
  126. color: '#ddd'
  127. },
  128. label: {
  129. textStyle: {
  130. color: '#C1232B'
  131. }
  132. }
  133. },
  134. emphasis: { // Ҳ��ѡ����ʽ
  135. areaStyle: {
  136. color: '#fe994e'
  137. },
  138. label: {
  139. textStyle: {
  140. color: 'rgb(100,0,0)'
  141. }
  142. }
  143. }
  144. }
  145. },
  146. force : {
  147. itemStyle: {
  148. normal: {
  149. linkStyle : {
  150. color : '#27727B'
  151. }
  152. }
  153. }
  154. },
  155. chord : {
  156. itemStyle : {
  157. normal : {
  158. borderWidth: 1,
  159. borderColor: 'rgba(128, 128, 128, 0.5)',
  160. chordStyle : {
  161. lineStyle : {
  162. color : 'rgba(128, 128, 128, 0.5)'
  163. }
  164. }
  165. },
  166. emphasis : {
  167. borderWidth: 1,
  168. borderColor: 'rgba(128, 128, 128, 0.5)',
  169. chordStyle : {
  170. lineStyle : {
  171. color : 'rgba(128, 128, 128, 0.5)'
  172. }
  173. }
  174. }
  175. }
  176. },
  177. gauge : {
  178. center:['50%','70%'],
  179. radius:'100%',
  180. startAngle: 180,
  181. endAngle : 0,
  182. axisLine: { // ��������
  183. show: true, // Ĭ����ʾ������show������ʾ����
  184. lineStyle: { // ����lineStyle����������ʽ
  185. color: [[0.2, '#B5C334'],[0.8, '#27727B'],[1, '#C1232B']],
  186. width: '80%'
  187. }
  188. },
  189. detail : {
  190. offsetCenter: [0, 0], // x, y����λpx
  191. textStyle: { // ��������Ĭ��ʹ��ȫ���ı���ʽ������TEXTSTYLE
  192. color: 'auto',
  193. fontSize: 20
  194. }
  195. }
  196. }
  197. };
  198. return theme;
  199. }