選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 

269 行
7.4 KiB

  1. const fireball_5_25 = [
  2. [4, 0, 3, 1, 1, 2, 1, 1, 1, 0, 1, 1],
  3. [2, 3, 3, 2, 1, 3, 0, 1, 2, 7, 10, 4],
  4. [5, 6, 2, 4, 0, 1, 4, 3, 0, 2, 0, 1],
  5. [0, 2, 6, 2, 1, 1, 2, 3, 6, 3, 7, 8],
  6. [6, 8, 7, 7, 4, 5, 6, 5, 22, 12, 10, 11],
  7. [7, 10, 11, 7, 3, 2, 7, 7, 11, 15, 22, 20],
  8. [13, 16, 21, 18, 19, 17, 12, 17, 31, 28, 25, 29],
  9. [24, 14, 21, 14, 11, 15, 19, 21, 41, 22, 32, 18],
  10. [31, 20, 30, 22, 14, 17, 21, 35, 27, 50, 117, 24],
  11. [32, 24, 21, 27, 11, 27, 43, 37, 44, 40, 48, 32],
  12. [31, 38, 36, 26, 23, 23, 25, 29, 26, 47, 61, 50],
  13. ];
  14. const fireball_2_5 = [
  15. [22, 6, 6, 9, 7, 8, 6, 14, 19, 10, 8, 20],
  16. [11, 13, 12, 8, 9, 11, 9, 13, 10, 22, 40, 24],
  17. [20, 13, 13, 19, 13, 10, 14, 13, 20, 18, 5, 9],
  18. [7, 13, 16, 19, 12, 11, 21, 27, 27, 24, 33, 33],
  19. [38, 25, 28, 22, 31, 21, 35, 42, 37, 32, 46, 53],
  20. [50, 33, 36, 34, 35, 28, 27, 52, 58, 59, 75, 69],
  21. [54, 67, 67, 45, 66, 51, 38, 64, 90, 113, 116, 87],
  22. [84, 52, 56, 51, 55, 46, 50, 87, 114, 83, 152, 93],
  23. [73, 58, 59, 63, 56, 51, 83, 140, 103, 115, 265, 89],
  24. [106, 95, 94, 71, 77, 75, 99, 136, 129, 154, 168, 156],
  25. [81, 102, 95, 72, 58, 91, 89, 122, 124, 135, 183, 171],
  26. ];
  27. const fireballOver25 = [
  28. // [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
  29. [0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0],
  30. [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0],
  31. [1, 1, 0, 0, 0, 0, 1, 0, 1, 0, 0, 0],
  32. [0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 2],
  33. [3, 2, 1, 3, 2, 0, 2, 2, 2, 3, 0, 1],
  34. [2, 3, 5, 2, 1, 3, 0, 2, 3, 5, 1, 4],
  35. [7, 4, 6, 1, 9, 2, 2, 2, 20, 9, 4, 9],
  36. [5, 6, 1, 2, 5, 4, 5, 5, 16, 9, 14, 9],
  37. [5, 4, 7, 5, 1, 5, 3, 3, 5, 7, 22, 2],
  38. [5, 13, 11, 6, 1, 7, 9, 8, 14, 17, 16, 3],
  39. [8, 9, 8, 6, 4, 8, 5, 6, 14, 11, 21, 12]
  40. ];
  41. // https://stackoverflow.com/a/29325222
  42. function getRandomBias(min, max, bias, influence) {
  43. const range = max - min;
  44. const biasValue = range * bias + min;
  45. var rnd = Math.random() * range + min, // random in range
  46. mix = Math.random() * influence; // random mixer
  47. return rnd * (1 - mix) + biasValue * mix; // mix full range and bias
  48. }
  49. /**
  50. * Shuffles array in place. ES6 version
  51. * @param {Array} array An array containing the items.
  52. */
  53. function shuffle(array) {
  54. // Awesomeness: https://bost.ocks.org/mike/shuffle/
  55. // https://stackoverflow.com/a/2450976/6495043
  56. // https://stackoverflow.com/questions/6274339/how-can-i-shuffle-an-array?noredirect=1&lq=1
  57. for (let i = array.length - 1; i > 0; i--) {
  58. let j = Math.floor(Math.random() * (i + 1));
  59. [array[i], array[j]] = [array[j], array[i]];
  60. }
  61. return array;
  62. }
  63. let updateDataAllLabels = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue",
  64. "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri",
  65. "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"];
  66. const baseLength = 10;
  67. const fullLength = 30;
  68. let getRandom = () => Math.floor(getRandomBias(-40, 60, 0.8, 1));
  69. let updateDataAllValues = Array.from({length: fullLength}, getRandom);
  70. // We're gonna be shuffling this
  71. let updateDataAllIndices = updateDataAllLabels.map((d,i) => i);
  72. let getUpdateArray = (sourceArray, length=10) => {
  73. let indices = updateDataAllIndices.slice(0, length);
  74. return indices.map((index) => sourceArray[index]);
  75. };
  76. let currentLastIndex = baseLength;
  77. function getUpdateData() {
  78. shuffle(updateDataAllIndices);
  79. let value = getRandom();
  80. let start = getRandom();
  81. let end = getRandom();
  82. currentLastIndex = baseLength;
  83. return {
  84. labels: updateDataAllLabels.slice(0, baseLength),
  85. datasets: [{
  86. values: getUpdateArray(updateDataAllValues)
  87. }],
  88. yMarkers: [
  89. {
  90. label: "Altitude",
  91. value: value,
  92. type: 'dashed'
  93. }
  94. ],
  95. yRegions: [
  96. {
  97. label: "Range",
  98. start: start,
  99. end: end
  100. },
  101. ],
  102. };
  103. }
  104. function getAddUpdateData() {
  105. if(currentLastIndex >= fullLength) return;
  106. // TODO: Fix update on removal
  107. currentLastIndex++;
  108. let c = currentLastIndex -1;
  109. return [updateDataAllLabels[c], [updateDataAllValues[c]]];
  110. // updateChart.addDataPoint(
  111. // updateDataAllLabels[index], [updateDataAllValues[index]]
  112. // );
  113. }
  114. const sampleData = {
  115. "0": {
  116. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
  117. datasets: [
  118. { values: [18, 40, 30, 35, 8, 52, 17, -4] }
  119. ]
  120. },
  121. "1": {
  122. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
  123. datasets: [
  124. { name: "Dataset 1", values: [18, 40, 30, 35, 8, 52, 17, -4] },
  125. { name: "Dataset 2", values: [30, 50, -10, 15, 18, 32, 27, 14] }
  126. ]
  127. },
  128. "2": {
  129. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"],
  130. datasets: [
  131. { values: [300, 250, 720, 560, 370, 610, 690, 410,
  132. 370, 480, 620, 260, 170, 510, 630, 710] }
  133. ]
  134. },
  135. "3": {
  136. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
  137. datasets: [
  138. { values: [300, 250, 720, 560, 370, 610, 690, 410,
  139. 370, 480, 620, 260, 170, 510, 630, 710, 560, 370, 610, 260, 170] }
  140. ]
  141. },
  142. "trends-data": {
  143. labels: [1967, 1968, 1969, 1970, 1971, 1972, 1973, 1974, 1975, 1976,
  144. 1977, 1978, 1979, 1980, 1981, 1982, 1983, 1984, 1985, 1986,
  145. 1987, 1988, 1989, 1990, 1991, 1992, 1993, 1994, 1995, 1996,
  146. 1997, 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006,
  147. 2007, 2008, 2009, 2010, 2011, 2012, 2013, 2014, 2015, 2016] ,
  148. datasets: [
  149. {
  150. values: [132.9, 150.0, 149.4, 148.0, 94.4, 97.6, 54.1, 49.2, 22.5, 18.4,
  151. 39.3, 131.0, 220.1, 218.9, 198.9, 162.4, 91.0, 60.5, 20.6, 14.8,
  152. 33.9, 123.0, 211.1, 191.8, 203.3, 133.0, 76.1, 44.9, 25.1, 11.6,
  153. 28.9, 88.3, 136.3, 173.9, 170.4, 163.6, 99.3, 65.3, 45.8, 24.7,
  154. 12.6, 4.2, 4.8, 24.9, 80.8, 84.5, 94.0, 113.3, 69.8, 39.8]
  155. }
  156. ]
  157. },
  158. "ymarkers": {
  159. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"],
  160. datasets: [
  161. { values: [300, 250, 720, 560, 370, 610, 690, 410,
  162. 370, 480, 620, 260, 170, 510, 630, 710] }
  163. ],
  164. yMarkers: [
  165. {
  166. label: "Threshold",
  167. value: 650,
  168. options: { labelPos: 'left' }
  169. }
  170. ]
  171. },
  172. "yregions": {
  173. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "Mon"],
  174. datasets: [
  175. { values: [300, 250, 720, 560, -370, 610, 690, 410,
  176. 370, 480, 620, -260, 170, 430, 630, 210] }
  177. ],
  178. yRegions: [
  179. {
  180. label: "Optimum Value",
  181. start: 100,
  182. end: 600,
  183. options: { labelPos: 'right' }
  184. }
  185. ]
  186. },
  187. "mixed-1": {
  188. labels: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
  189. datasets: [
  190. {
  191. name: "Dataset 1",
  192. values: [18, 40, 30, 35, 8, 52, 17, -4],
  193. chartType: 'bar'
  194. },
  195. {
  196. name: "Dataset 2",
  197. values: [30, 50, -10, 15, 18, 32, 27, 14],
  198. chartType: 'line'
  199. }
  200. ]
  201. },
  202. "mixed-2": {
  203. labels: ["12am-3am", "3am-6am", "6am-9am", "9am-12pm",
  204. "12pm-3pm", "3pm-6pm", "6pm-9pm", "9pm-12am"],
  205. datasets: [
  206. {
  207. name: "Some Data",
  208. values: [18, 40, 30, 35, 8, 52, 17, -4],
  209. axisPosition: 'right',
  210. chartType: 'bar'
  211. },
  212. {
  213. name: "Another Set",
  214. values: [30, 50, -10, 15, 18, 32, 27, 14],
  215. axisPosition: 'right',
  216. chartType: 'bar'
  217. },
  218. {
  219. name: "Yet Another",
  220. values: [15, 20, -3, -15, 58, 12, -17, 37],
  221. chartType: 'line'
  222. }
  223. ]
  224. },
  225. "bar-composite-data": {
  226. labels: ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
  227. "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
  228. datasets: [
  229. {
  230. name: "Over 25 reports",
  231. values: fireballOver25[9],
  232. },
  233. {
  234. name: "5 to 25 reports",
  235. values: fireball_5_25[9],
  236. },
  237. {
  238. name: "2 to 5 reports",
  239. values: fireball_2_5[9]
  240. }
  241. ]
  242. },
  243. "get-update-data": getUpdateData,
  244. }