chalk.js 4.3 KB

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