API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 20th, 2019
917
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.95 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8" />
  6. <title>Kendo UI Snippet</title>
  7.  
  8. <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css" />
  9. <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.rtl.min.css" />
  10. <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.silver.min.css" />
  11. <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.2.619/styles/kendo.mobile.all.min.css" />
  12.  
  13. <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
  14. <script src="https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
  15. </head>
  16.  
  17. <body>
  18. <div class="report-interval"></div>
  19. <div class="container">
  20. </div>
  21. <script>
  22. // start temporary variables
  23. var reportDefinitionID = 2;
  24. var sessionID = "{0fcb3022-69ff-47cd-9826-a1cf31d3cd42}";
  25.  
  26. var chartType = "pie";
  27. //end temporary variables
  28.  
  29. var req = $.ajax({
  30. // url: "http://172.25.3.62:8080/ismodulestatistics/rest/PrecalculatedStatistics/getStatisticsForReportDefinition?sessionID=%7b08f3863a-2eea-4019-b312-89a76f6f185a%7d&reportDefinitionID=2",
  31. url: "http://aiislab1.bsl.ch.almanid.com:8180/ismodulestatistics/rest/PrecalculatedStatistics/getStatisticsForReportDefinition?SESSIONID=" + sessionID + "&reportDefinitionID=" + reportDefinitionID,
  32. dataType: "text",
  33. error: function(XMLHttpRequest, statusText, e) {
  34. console.log("Status :" + statusText);
  35.  
  36. }
  37. });
  38. var json;
  39. var metadata;
  40. var datasourceArray;
  41. var datasource;
  42. $.when(req).done(function(result) {
  43. json = JSON.parse(result);
  44. metadata = json[1][0];
  45. datasourceArray = json[0];
  46. console.log("Count json characters: " + Object.keys(result).length);
  47. $(".report-interval").append("<h2>Report interval: " + convertMillisToDate(metadata.reportStartTS) + " - " + convertMillisToDate(metadata.reportEndTS) + "</h2>");
  48.  
  49. if (chartType === "pie" || chartType === "donut") {
  50. for (i = 0; i < datasourceArray.length; i++) {
  51. console.log(datasourceArray[i]);
  52. datasource = datasourceArray[i];
  53. $(".container").append("<div id = \"chart-" + chartType + i + "\" > </div>");
  54.  
  55. $("#chart-" + chartType + i).kendoChart({
  56. dataSource: {
  57. data: datasource
  58. },
  59. series: [{
  60. field: "datapoint"
  61. }],
  62. tooltip: {
  63. visible: true,
  64. template: "#= dataItem.label #: #= value #"
  65. },
  66. seriesDefaults: {
  67. type: chartType,
  68. }
  69. });
  70. }
  71. } else if (chartType === "column" || chartType === "line" || chartType === "bar" || chartType === "area") {
  72. var categoryAxisStep;
  73. for (i = 0; i < datasourceArray.length; i++) {
  74. console.log(datasourceArray[i]);
  75. datasource = datasourceArray[i][0];
  76. categoryAxisStep = datasourceArray[i][1][0].categoryAxisStep;
  77. $(".container").append("<div id = \"chart-" + chartType + i + "\" > </div>");
  78. if (chartType === "column" || chartType === "line" || chartType === "bar") {
  79. $("#chart-" + chartType + i).kendoChart({
  80. dataSource: {
  81. data: datasource,
  82. group: {
  83. field: "label"
  84. }
  85. },
  86. series: [{
  87. field: "datapoint",
  88. categoryField: "time"
  89. }],
  90. tooltip: {
  91. visible: true,
  92. template: "#=dataItem.time# - #= dataItem.label #: #= value #"
  93. },
  94. seriesDefaults: {
  95. type: chartType,
  96. },
  97. categoryAxis: {
  98. field: "time",
  99. labels: {
  100. font: "8px Arial, Helvetica, sans-serif",
  101. rotation: -65,
  102. step: categoryAxisStep
  103. },
  104. title: {
  105. text: "Time"
  106. },
  107. majorTicks: {
  108. step: categoryAxisStep,
  109. // skip: 2
  110. }
  111. },
  112. valueAxis: {
  113. labels: {
  114. format: "{0}"
  115. },
  116. title: {
  117. text: "Value"
  118. }
  119.  
  120. }
  121. });
  122. } else if (chartType === "area") {
  123. $("#chart-" + chartType + i).kendoChart({
  124. dataSource: {
  125. data: datasource,
  126. group: {
  127. field: "label"
  128. }
  129. },
  130. series: [{
  131. field: "datapoint",
  132. categoryField: "time"
  133. }],
  134. tooltip: {
  135. visible: true,
  136. template: "#=dataItem.time# - #= dataItem.label #: #= value #"
  137. },
  138. seriesDefaults: {
  139. type: chartType,
  140. area: {
  141. line: {
  142. style: "smooth"
  143. }
  144. }
  145. },
  146. categoryAxis: {
  147. field: "time",
  148. labels: {
  149. font: "8px Arial, Helvetica, sans-serif",
  150. rotation: -65,
  151. step: categoryAxisStep
  152. },
  153. title: {
  154. text: "Time"
  155. },
  156. majorTicks: {
  157. step: categoryAxisStep,
  158. // skip: 2
  159. }
  160. },
  161. valueAxis: {
  162. labels: {
  163. format: "{0}"
  164. },
  165. title: {
  166. text: "Value"
  167. }
  168.  
  169. }
  170. });
  171. }
  172. }
  173. }
  174. });
  175.  
  176. function convertMillisToDate(millis) {
  177. return new Date(Number(millis)).toString();
  178. }
  179. </script>
  180. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!