chalk.js 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. AmCharts.themes.chalk = {
  2. themeName: "chalk",
  3. AmChart: {
  4. color: "#e7e7e7",
  5. fontFamily: "Covered By Your Grace",
  6. fontSize: 18,
  7. handDrawn: true,
  8. backgroundColor: "#282828"
  9. },
  10. AmCoordinateChart: {
  11. colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
  12. },
  13. AmSlicedChart: {
  14. outlineAlpha: 1,
  15. labelTickColor: "#FFFFFF",
  16. labelTickAlpha: 0.3,
  17. colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
  18. },
  19. AmStockChart: {
  20. colors: ["#FFFFFF", "#e384a6", "#f4d499", "#4d90d6", "#c7e38c", "#9986c8", "#edf28c", "#ffd1d4", "#5ee1dc", "#b0eead", "#fef85a", "#8badd2"]
  21. },
  22. AmRectangularChart: {
  23. zoomOutButtonColor: '#FFFFFF',
  24. zoomOutButtonRollOverAlpha: 0.15,
  25. zoomOutButtonImage: "lensWhite.png"
  26. },
  27. AxisBase: {
  28. axisColor: "#FFFFFF",
  29. gridColor: "#FFFFFF"
  30. },
  31. ChartScrollbar: {
  32. backgroundColor: "#FFFFFF",
  33. backgroundAlpha: 0.2,
  34. graphFillAlpha: 0.5,
  35. graphLineAlpha: 0,
  36. selectedBackgroundColor: "#000000",
  37. selectedBackgroundAlpha: 0.25,
  38. fontSize: 15,
  39. gridAlpha: 0.15
  40. },
  41. ChartCursor: {
  42. cursorColor: "#FFFFFF",
  43. color: "#000000"
  44. },
  45. AmLegend: {
  46. color: "#e7e7e7",
  47. markerSize: 20
  48. },
  49. AmGraph: {
  50. lineAlpha: 0.8
  51. },
  52. GaugeArrow: {
  53. color: "#FFFFFF",
  54. alpha: 0.1,
  55. nailAlpha: 0,
  56. innerRadius: "40%",
  57. nailRadius: 15,
  58. startWidth: 15,
  59. borderAlpha: 0.8,
  60. nailBorderAlpha: 0
  61. },
  62. GaugeAxis: {
  63. tickColor: "#FFFFFF",
  64. tickAlpha: 0.8,
  65. tickLength: 15,
  66. minorTickLength: 8,
  67. axisThickness: 3,
  68. axisColor: '#FFFFFF',
  69. axisAlpha: 0.8,
  70. bandAlpha: 0.4
  71. },
  72. TrendLine: {
  73. lineColor: "#c03246",
  74. lineAlpha: 0.8
  75. },
  76. // ammap
  77. AmMap: {
  78. handDrawn: false
  79. },
  80. AreasSettings: {
  81. alpha: 0.8,
  82. color: "#FFFFFF",
  83. colorSolid: "#000000",
  84. unlistedAreasAlpha: 0.4,
  85. unlistedAreasColor: "#FFFFFF",
  86. outlineColor: "#000000",
  87. outlineAlpha: 0.5,
  88. outlineThickness: 0.5,
  89. rollOverColor: "#4d90d6",
  90. rollOverOutlineColor: "#000000",
  91. selectedOutlineColor: "#000000",
  92. selectedColor: "#e384a6",
  93. unlistedAreasOutlineColor: "#000000",
  94. unlistedAreasOutlineAlpha: 0.5
  95. },
  96. LinesSettings: {
  97. color: "#FFFFFF",
  98. alpha: 0.8
  99. },
  100. ImagesSettings: {
  101. alpha: 0.8,
  102. labelFontSize: 16,
  103. labelColor: "#FFFFFF",
  104. color: "#FFFFFF",
  105. labelRollOverColor: "#4d90d6"
  106. },
  107. ZoomControl: {
  108. buttonRollOverColor: "#4d90d6",
  109. buttonFillColor: "#e384a6",
  110. buttonFillAlpha: 0.8,
  111. buttonBorderColor: "#FFFFFF",
  112. gridBackgroundColor: "#FFFFFF",
  113. gridAlpha: 0.8
  114. },
  115. SmallMap: {
  116. mapColor: "#FFFFFF",
  117. rectangleColor: "#FFFFFF",
  118. backgroundColor: "#000000",
  119. backgroundAlpha: 0.7,
  120. borderThickness: 1,
  121. borderAlpha: 0.8
  122. },
  123. // the defaults below are set using CSS syntax, you can use any existing css property
  124. // if you don't use Stock chart, you can delete lines below
  125. PeriodSelector: {
  126. fontFamily: "Covered By Your Grace",
  127. fontSize:"16px",
  128. color: "#e7e7e7"
  129. },
  130. PeriodButton: {
  131. fontFamily: "Covered By Your Grace",
  132. fontSize:"16px",
  133. color: "#e7e7e7",
  134. background: "transparent",
  135. opacity: 0.7,
  136. border: "1px solid rgba(255, 255, 255, .15)",
  137. MozBorderRadius: "5px",
  138. borderRadius: "5px",
  139. margin: "1px",
  140. outline: "none",
  141. boxSizing: "border-box"
  142. },
  143. PeriodButtonSelected: {
  144. fontFamily: "Covered By Your Grace",
  145. fontSize:"16px",
  146. color: "#e7e7e7",
  147. backgroundColor: "rgba(255, 255, 255, 0.1)",
  148. border: "1px solid rgba(255, 255, 255, .3)",
  149. MozBorderRadius: "5px",
  150. borderRadius: "5px",
  151. margin: "1px",
  152. outline: "none",
  153. opacity: 1,
  154. boxSizing: "border-box"
  155. },
  156. PeriodInputField: {
  157. fontFamily: "Covered By Your Grace",
  158. fontSize:"16px",
  159. color: "#e7e7e7",
  160. background: "transparent",
  161. border: "1px solid rgba(255, 255, 255, .15)",
  162. outline: "none"
  163. },
  164. DataSetSelector: {
  165. fontFamily: "Covered By Your Grace",
  166. fontSize:"16px",
  167. color: "#e7e7e7",
  168. selectedBackgroundColor: "rgba(255, 255, 255, .25)",
  169. rollOverBackgroundColor: "rgba(255, 255, 255, .15)"
  170. },
  171. DataSetCompareList: {
  172. fontFamily: "Covered By Your Grace",
  173. fontSize:"16px",
  174. color: "#e7e7e7",
  175. lineHeight: "100%",
  176. boxSizing: "initial",
  177. webkitBoxSizing: "initial",
  178. border: "1px solid rgba(255, 255, 255, .15)"
  179. },
  180. DataSetSelect: {
  181. fontFamily: "Covered By Your Grace",
  182. fontSize:"16px",
  183. border: "1px solid rgba(255, 255, 255, .15)",
  184. outline: "none"
  185. }
  186. };