history.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <script src="https://code.highcharts.com/highcharts.js"></script>
  2. <script src="https://code.highcharts.com/modules/timeline.js"></script>
  3. <script src="https://code.highcharts.com/modules/exporting.js"></script>
  4. <script src="https://code.highcharts.com/modules/accessibility.js"></script>
  5. <figure class="highcharts-figure">
  6. <div id="container"></div>
  7. <p class="highcharts-description">More stories need to be added, more history need to be create by you!</p>
  8. </figure>
  9. <script>
  10. Highcharts.chart("container", {
  11. chart: {
  12. type: "timeline",
  13. },
  14. accessibility: {
  15. screenReaderSection: {
  16. beforeChartFormat:
  17. "<h5>{chartTitle}</h5>" +
  18. "<div>{typeDescription}</div>" +
  19. "<div>{chartSubtitle}</div>" +
  20. "<div>{chartLongdesc}</div>" +
  21. "<div>{viewTableButton}</div>",
  22. },
  23. point: {
  24. valueDescriptionFormat: "{index}. {point.label}. {point.description}.",
  25. },
  26. },
  27. xAxis: {
  28. visible: false,
  29. },
  30. yAxis: {
  31. visible: false,
  32. },
  33. title: {
  34. text: "wikipāli History",
  35. },
  36. subtitle: {
  37. text: "Simple development of wikipāli",
  38. },
  39. colors: ["#4185F3", "#427CDD", "#406AB2", "#3E5A8E", "#3B4A68", "#363C46"],
  40. series: [
  41. {
  42. data: [
  43. {
  44. name: "Display Only",
  45. label: "2017 Vassa",
  46. description:
  47. "pāli Word by word translation display on Html, solve the working memory limitation on understanding the pāli text",
  48. },
  49. {
  50. name: "Magic Dictionary",
  51. label: "2018 spring festival",
  52. description: "look up dictionary in batch work, reduce the difficulty of translating work",
  53. },
  54. {
  55. name: "establishment of pāli corpus",
  56. label: "2018 July 27",
  57. description: "convert the XML pāli text into database, realize the fragmentation",
  58. },
  59. {
  60. name: "conference in Sri Lanka",
  61. label: "2020 Feb",
  62. description:
  63. "Discuss the tipiṭaka translating project and the establishment of wikipāli platform, supported by many kinds of conditions",
  64. },
  65. {
  66. name: "pilot class in Dawei Pa-auk",
  67. label: "2020 March",
  68. description:
  69. "Testing and figure out the possible way of learning and translating pāli, U Kuṇḍadhāna Sayadaw join as the pioneer teacher",
  70. },
  71. {
  72. name: "wikipāli online test",
  73. label: "2020 vassa",
  74. description:
  75. "online class + online translation; word by word teaching get more and more acknowledge",
  76. },
  77. ],
  78. },
  79. ],
  80. });
  81. </script>