xcharts.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283
  1. .xchart .line {
  2. stroke-width: 3px;
  3. fill: none;
  4. }
  5. .xchart .fill {
  6. stroke-width: 0;
  7. }
  8. .xchart circle {
  9. stroke: #FFF;
  10. stroke-width: 3px;
  11. }
  12. .xchart .axis .domain {
  13. fill: none;
  14. }
  15. .xchart .axis .tick line {
  16. stroke: #EEE;
  17. stroke-width: 1px;
  18. }
  19. .xchart .axis text {
  20. font-family: Helvetica, Arial, Verdana, sans-serif;
  21. fill: #666;
  22. font-size: 12px;
  23. }
  24. .xchart .color0 .line {
  25. stroke: #3880aa;
  26. }
  27. .xchart .color0 .line .fill {
  28. pointer-events: none;
  29. }
  30. .xchart .color0 rect,
  31. .xchart .color0 circle {
  32. fill: #3880aa;
  33. }
  34. .xchart .color0 .fill {
  35. fill: rgba(56, 128, 170, 0.1);
  36. }
  37. .xchart .color0.comp .line {
  38. stroke: #89bbd8;
  39. }
  40. .xchart .color0.comp rect {
  41. fill: #89bbd8;
  42. }
  43. .xchart .color0.comp .fill {
  44. display: none;
  45. }
  46. .xchart .color0.comp circle,
  47. .xchart .color0.comp .pointer {
  48. fill: #89bbd8;
  49. }
  50. .xchart .color1 .line {
  51. stroke: #4da944;
  52. }
  53. .xchart .color1 .line .fill {
  54. pointer-events: none;
  55. }
  56. .xchart .color1 rect,
  57. .xchart .color1 circle {
  58. fill: #4da944;
  59. }
  60. .xchart .color1 .fill {
  61. fill: rgba(77, 169, 68, 0.1);
  62. }
  63. .xchart .color1.comp .line {
  64. stroke: #9dd597;
  65. }
  66. .xchart .color1.comp rect {
  67. fill: #9dd597;
  68. }
  69. .xchart .color1.comp .fill {
  70. display: none;
  71. }
  72. .xchart .color1.comp circle,
  73. .xchart .color1.comp .pointer {
  74. fill: #9dd597;
  75. }
  76. .xchart .color2 .line {
  77. stroke: #f26522;
  78. }
  79. .xchart .color2 .line .fill {
  80. pointer-events: none;
  81. }
  82. .xchart .color2 rect,
  83. .xchart .color2 circle {
  84. fill: #f26522;
  85. }
  86. .xchart .color2 .fill {
  87. fill: rgba(242, 101, 34, 0.1);
  88. }
  89. .xchart .color2.comp .line {
  90. stroke: #f9b99a;
  91. }
  92. .xchart .color2.comp rect {
  93. fill: #f9b99a;
  94. }
  95. .xchart .color2.comp .fill {
  96. display: none;
  97. }
  98. .xchart .color2.comp circle,
  99. .xchart .color2.comp .pointer {
  100. fill: #f9b99a;
  101. }
  102. .xchart .color3 .line {
  103. stroke: #c6080d;
  104. }
  105. .xchart .color3 .line .fill {
  106. pointer-events: none;
  107. }
  108. .xchart .color3 rect,
  109. .xchart .color3 circle {
  110. fill: #c6080d;
  111. }
  112. .xchart .color3 .fill {
  113. fill: rgba(198, 8, 13, 0.1);
  114. }
  115. .xchart .color3.comp .line {
  116. stroke: #f8555a;
  117. }
  118. .xchart .color3.comp rect {
  119. fill: #f8555a;
  120. }
  121. .xchart .color3.comp .fill {
  122. display: none;
  123. }
  124. .xchart .color3.comp circle,
  125. .xchart .color3.comp .pointer {
  126. fill: #f8555a;
  127. }
  128. .xchart .color4 .line {
  129. stroke: #672d8b;
  130. }
  131. .xchart .color4 .line .fill {
  132. pointer-events: none;
  133. }
  134. .xchart .color4 rect,
  135. .xchart .color4 circle {
  136. fill: #672d8b;
  137. }
  138. .xchart .color4 .fill {
  139. fill: rgba(103, 45, 139, 0.1);
  140. }
  141. .xchart .color4.comp .line {
  142. stroke: #a869ce;
  143. }
  144. .xchart .color4.comp rect {
  145. fill: #a869ce;
  146. }
  147. .xchart .color4.comp .fill {
  148. display: none;
  149. }
  150. .xchart .color4.comp circle,
  151. .xchart .color4.comp .pointer {
  152. fill: #a869ce;
  153. }
  154. .xchart .color5 .line {
  155. stroke: #ce1797;
  156. }
  157. .xchart .color5 .line .fill {
  158. pointer-events: none;
  159. }
  160. .xchart .color5 rect,
  161. .xchart .color5 circle {
  162. fill: #ce1797;
  163. }
  164. .xchart .color5 .fill {
  165. fill: rgba(206, 23, 151, 0.1);
  166. }
  167. .xchart .color5.comp .line {
  168. stroke: #f075cb;
  169. }
  170. .xchart .color5.comp rect {
  171. fill: #f075cb;
  172. }
  173. .xchart .color5.comp .fill {
  174. display: none;
  175. }
  176. .xchart .color5.comp circle,
  177. .xchart .color5.comp .pointer {
  178. fill: #f075cb;
  179. }
  180. .xchart .color6 .line {
  181. stroke: #d9ce00;
  182. }
  183. .xchart .color6 .line .fill {
  184. pointer-events: none;
  185. }
  186. .xchart .color6 rect,
  187. .xchart .color6 circle {
  188. fill: #d9ce00;
  189. }
  190. .xchart .color6 .fill {
  191. fill: rgba(217, 206, 0, 0.1);
  192. }
  193. .xchart .color6.comp .line {
  194. stroke: #fff75a;
  195. }
  196. .xchart .color6.comp rect {
  197. fill: #fff75a;
  198. }
  199. .xchart .color6.comp .fill {
  200. display: none;
  201. }
  202. .xchart .color6.comp circle,
  203. .xchart .color6.comp .pointer {
  204. fill: #fff75a;
  205. }
  206. .xchart .color7 .line {
  207. stroke: #754c24;
  208. }
  209. .xchart .color7 .line .fill {
  210. pointer-events: none;
  211. }
  212. .xchart .color7 rect,
  213. .xchart .color7 circle {
  214. fill: #754c24;
  215. }
  216. .xchart .color7 .fill {
  217. fill: rgba(117, 76, 36, 0.1);
  218. }
  219. .xchart .color7.comp .line {
  220. stroke: #c98c50;
  221. }
  222. .xchart .color7.comp rect {
  223. fill: #c98c50;
  224. }
  225. .xchart .color7.comp .fill {
  226. display: none;
  227. }
  228. .xchart .color7.comp circle,
  229. .xchart .color7.comp .pointer {
  230. fill: #c98c50;
  231. }
  232. .xchart .color8 .line {
  233. stroke: #2eb9b4;
  234. }
  235. .xchart .color8 .line .fill {
  236. pointer-events: none;
  237. }
  238. .xchart .color8 rect,
  239. .xchart .color8 circle {
  240. fill: #2eb9b4;
  241. }
  242. .xchart .color8 .fill {
  243. fill: rgba(46, 185, 180, 0.1);
  244. }
  245. .xchart .color8.comp .line {
  246. stroke: #86e1de;
  247. }
  248. .xchart .color8.comp rect {
  249. fill: #86e1de;
  250. }
  251. .xchart .color8.comp .fill {
  252. display: none;
  253. }
  254. .xchart .color8.comp circle,
  255. .xchart .color8.comp .pointer {
  256. fill: #86e1de;
  257. }
  258. .xchart .color9 .line {
  259. stroke: #0e2e42;
  260. }
  261. .xchart .color9 .line .fill {
  262. pointer-events: none;
  263. }
  264. .xchart .color9 rect,
  265. .xchart .color9 circle {
  266. fill: #0e2e42;
  267. }
  268. .xchart .color9 .fill {
  269. fill: rgba(14, 46, 66, 0.1);
  270. }
  271. .xchart .color9.comp .line {
  272. stroke: #2477ab;
  273. }
  274. .xchart .color9.comp rect {
  275. fill: #2477ab;
  276. }
  277. .xchart .color9.comp .fill {
  278. display: none;
  279. }
  280. .xchart .color9.comp circle,
  281. .xchart .color9.comp .pointer {
  282. fill: #2477ab;
  283. }