Advertisement
Guest User

Untitled

a guest
Apr 19th, 2018
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.56 KB | None | 0 0
  1. В конце body
  2. <script>
  3. $(document).ready(function () {
  4. var arrayOfhiddenValues_1 = $("#ind1").map(function () {
  5. return this.value;
  6. }).get();
  7.  
  8. var arrayOfhiddenValues_2 = $("#ind2").map(function () {
  9. return this.value;
  10. }).get();
  11.  
  12. var arrayOfhiddenValues_3 = $("#ind3").map(function () {
  13. return this.value;
  14. }).get();
  15.  
  16. Chart.defaults.global.defaultFontFamily = "Lato";
  17. Chart.defaults.global.defaultFontSize = 18;
  18. Chart.defaults.global.defaultFontColor = "white";
  19.  
  20. var chartOptions = {
  21. legend: {
  22. display: true,
  23. position: 'top',
  24. labels: {
  25. boxWidth: 80,
  26. fontColor: "white"
  27. }
  28. }
  29. };
  30.  
  31. var barChartData_1 =
  32. {
  33. label: "First_label",
  34. data: [arrayOfhiddenValues_1],
  35. backgroundColor: [
  36. 'rgba(255, 180, 0, 1)'
  37. ]
  38. };
  39. var barChartData_2 =
  40. {
  41. label: "Second_label",
  42. data: [arrayOfhiddenValues_2],
  43. backgroundColor: [
  44. 'rgba(0,170, 255, 1)'
  45. ]
  46. };
  47. var barChartData_3 =
  48. {
  49. label: "Third_label",
  50. data: [arrayOfhiddenValues_3],
  51. backgroundColor: [
  52. 'rgba(255, 200, 0, 1)'
  53. ]
  54. };
  55. window.onload = function any_function_name()
  56. {
  57. var denCanvas_1 = document.getElementById('canvas-0');
  58. var barChart_1 = new Chart(denCanvas_1, {
  59. type: 'bar',
  60. data: {
  61. labels: ["jj"],
  62. datasets: [barChartData_1]
  63. },
  64. options: chartOptions
  65. })
  66.  
  67. var denCanvas_2 = document.getElementById('canvas-1');
  68. var barChart_2 = new Chart(denCanvas_2, {
  69.  
  70. type: 'bar',
  71. data: {
  72. labels: ["jj"],
  73. datasets: [barChartData_2]
  74. },
  75. options: chartOptions
  76. })
  77.  
  78. var denCanvas_3 = document.getElementById('canvas-2');
  79. var barChart_3 = new Chart(denCanvas_3, {
  80. type: 'bar',
  81. data: {
  82. labels: ["jj"],
  83. datasets: [barChartData_3]
  84. },
  85. options: chartOptions
  86. })
  87. }
  88. });
  89. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement