您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 

280 行
7.2 KiB

  1. import { MONTH_NAMES_SHORT, SEC_IN_DAY, clone, timestampToMidnight,
  2. timestampSec, addDays } from '../../../src/js/utils/date-utils';
  3. import { shuffle, getRandomBias } from '../../../src/js/utils/helpers';
  4. // Composite Chart
  5. // ================================================================================
  6. const reportCountList = [152, 222, 199, 287, 534, 709,
  7. 1179, 1256, 1632, 1856, 1850];
  8. export const lineCompositeData = {
  9. labels: ["2007", "2008", "2009", "2010", "2011", "2012",
  10. "2013", "2014", "2015", "2016", "2017"],
  11. yMarkers: [
  12. {
  13. label: "Average 100 reports/month",
  14. value: 1200,
  15. options: { labelPos: 'left' }
  16. }
  17. ],
  18. datasets: [{
  19. "name": "Events",
  20. "values": reportCountList
  21. }]
  22. };
  23. export const fireball_5_25 = [
  24. [4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
  25. [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
  26. [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
  27. [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
  28. [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
  29. [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
  30. [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
  31. [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
  32. [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
  33. [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
  34. [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
  35. ];
  36. export const fireball_2_5 = [
  37. [22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
  38. [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
  39. [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
  40. [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
  41. [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
  42. [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
  43. [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
  44. [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
  45. [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
  46. [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
  47. [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
  48. ];
  49. export const fireballOver25 = [
  50. // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  51. [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
  52. [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
  53. [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
  54. [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
  55. [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
  56. [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
  57. [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
  58. [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
  59. [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
  60. [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
  61. [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
  62. ];
  63. export const barCompositeData = {
  64. labels: MONTH_NAMES_SHORT,
  65. datasets: [
  66. {
  67. name: "Over 25 reports",
  68. values: fireballOver25[9],
  69. },
  70. {
  71. name: "5 to 25 reports",
  72. values: fireball_5_25[9],
  73. },
  74. {
  75. name: "2 to 5 reports",
  76. values: fireball_2_5[9]
  77. }
  78. ]
  79. };
  80. // Demo Chart multitype Chart
  81. // ================================================================================
  82. export const typeData = {
  83. labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
  84. "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
  85. yMarkers: [
  86. {
  87. label: "Marker",
  88. value: 43,
  89. options: { labelPos: 'left' }
  90. // type: 'dashed'
  91. }
  92. ],
  93. yRegions: [
  94. {
  95. label: "Region",
  96. start: -10,
  97. end: 50,
  98. options: { labelPos: 'right' }
  99. },
  100. ],
  101. datasets: [
  102. {
  103. name: "Some Data",
  104. values: [18, 40, 30, 35, 8, 52, 17, -4],
  105. axisPosition: 'right',
  106. chartType: 'bar'
  107. },
  108. {
  109. name: "Another Set",
  110. values: [30, 50, -10, 15, 18, 32, 27, 14],
  111. axisPosition: 'right',
  112. chartType: 'bar'
  113. },
  114. {
  115. name: "Yet Another",
  116. values: [15, 20, -3, -15, 58, 12, -17, 37],
  117. chartType: 'line'
  118. }
  119. ]
  120. };
  121. let updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
  122. "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri",
  123. "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
  124. const baseLength = 10;
  125. const fullLength = 30;
  126. let getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1));
  127. let updateDataAllValues = Array.from({length: fullLength}, getRandom);
  128. // We're gonna be shuffling this
  129. let updateDataAllIndices = updateDataAllLabels.map((d,i) => i);
  130. let getUpdateArray = (sourceArray, length=10) => {
  131. let indices = updateDataAllIndices.slice(0, length);
  132. return indices.map((index) => sourceArray[index]);
  133. };
  134. let currentLastIndex = baseLength;
  135. export function getUpdateData() {
  136. shuffle(updateDataAllIndices);
  137. let value = getRandom();
  138. let start = getRandom();
  139. let end = getRandom();
  140. currentLastIndex = baseLength;
  141. return {
  142. labels: updateDataAllLabels.slice(0, baseLength),
  143. datasets: [{
  144. values: getUpdateArray(updateDataAllValues)
  145. }],
  146. yMarkers: [
  147. {
  148. label: "Altitude",
  149. value: value,
  150. type: 'dashed'
  151. }
  152. ],
  153. yRegions: [
  154. {
  155. label: "Range",
  156. start: start,
  157. end: end
  158. },
  159. ],
  160. };
  161. }
  162. export function getAddUpdateData() {
  163. if(currentLastIndex >= fullLength) return;
  164. // TODO: Fix update on removal
  165. currentLastIndex++;
  166. let c = currentLastIndex -1;
  167. return [updateDataAllLabels[c], [updateDataAllValues[c]]];
  168. // updateChart.addDataPoint(
  169. // updateDataAllLabels[index], [updateDataAllValues[index]]
  170. // );
  171. }
  172. export const trendsData = {
  173. labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
  174. 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
  175. 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
  176. 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
  177. 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
  178. datasets: [
  179. {
  180. values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,
  181. 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,
  182. 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,
  183. 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,
  184. 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
  185. }
  186. ]
  187. };
  188. export const moonData = {
  189. names: ["Ganymede", "Callisto", "Io", "Europa"],
  190. masses: [14819000, 10759000, 8931900, 4800000],
  191. distances: [1070.412, 1882.709, 421.700, 671.034],
  192. diameters: [5262.4, 4820.6, 3637.4, 3121.6],
  193. };
  194. export const eventsData = {
  195. labels: ["Ganymede", "Callisto", "Io", "Europa"],
  196. datasets: [
  197. {
  198. "values": moonData.distances,
  199. "formatted": moonData.distances.map(d => d*1000 + " km")
  200. }
  201. ]
  202. };
  203. // const jupiterMoons = {
  204. // 'Ganymede': {
  205. // mass: '14819000 x 10^16 kg',
  206. // 'semi-major-axis': '1070412 km',
  207. // 'diameter': '5262.4 km'
  208. // },
  209. // 'Callisto': {
  210. // mass: '10759000 x 10^16 kg',
  211. // 'semi-major-axis': '1882709 km',
  212. // 'diameter': '4820.6 km'
  213. // },
  214. // 'Io': {
  215. // mass: '8931900 x 10^16 kg',
  216. // 'semi-major-axis': '421700 km',
  217. // 'diameter': '3637.4 km'
  218. // },
  219. // 'Europa': {
  220. // mass: '4800000 x 10^16 kg',
  221. // 'semi-major-axis': '671034 km',
  222. // 'diameter': '3121.6 km'
  223. // },
  224. // };
  225. // ================================================================================
  226. let today = new Date();
  227. let start = clone(today);
  228. addDays(start, 4);
  229. let end = clone(start);
  230. start.setFullYear( start.getFullYear() - 2 );
  231. end.setFullYear( end.getFullYear() - 1 );
  232. let dataPoints = {};
  233. let startTs = timestampSec(start);
  234. let endTs = timestampSec(end);
  235. startTs = timestampToMidnight(startTs);
  236. endTs = timestampToMidnight(endTs, true);
  237. while (startTs < endTs) {
  238. dataPoints[parseInt(startTs)] = Math.floor(getRandomBias(0, 5, 0.2, 1));
  239. startTs += SEC_IN_DAY;
  240. }
  241. export const heatmapData = {
  242. dataPoints: dataPoints,
  243. start: start,
  244. end: end
  245. };