Нет описания

dummy-outcomes.blade.php 1.9KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. $('#dummy').highcharts({
  2. chart: {
  3. type: 'bar'
  4. },
  5. title: {
  6. text: 'Achieved vs Expected Learning Outcomes'
  7. },
  8. xAxis: {
  9. categories: [
  10. "Outcome 1",
  11. "Outcome 2",
  12. "Outcome 3",
  13. "Outcome 4",
  14. "Outcome 5",
  15. "Outcome 6",
  16. "Outcome 7",
  17. "Outcome 8",
  18. "Outcome 9",
  19. "Outcome 10",
  20. ],
  21. labels: {
  22. style: {
  23. fontSize:'11px'
  24. }
  25. }
  26. },
  27. yAxis: {
  28. min: 0,
  29. max: 100,
  30. title: {
  31. text: 'Percentage'
  32. }
  33. },
  34. tooltip: {
  35. headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
  36. pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
  37. '<td style="padding:0"><b>{point.y:.2f}</b></td></tr>',
  38. footerFormat: '</table>',
  39. shared: true,
  40. useHTML: true
  41. },
  42. plotOptions: {
  43. column: {
  44. pointPadding: 0.2,
  45. borderWidth: 0
  46. }
  47. },
  48. series: [{
  49. name: 'Achieved',
  50. color: '#e70033',
  51. data:[
  52. 73.52,
  53. 85.04,
  54. 47.8,
  55. 35.82,
  56. 68.69,
  57. 45.3,
  58. 69.7,
  59. 98.45,
  60. 87.65,
  61. 54.54
  62. ]
  63. }, {
  64. name: 'Expected',
  65. color: '#555555',
  66. data: [
  67. 67,
  68. 67,
  69. 67,
  70. 67,
  71. 67,
  72. 67,
  73. 67,
  74. 67,
  75. 67,
  76. 67,
  77. ]
  78. }]
  79. });