project-overview.init.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /******/ (function() { // webpackBootstrap
  2. var __webpack_exports__ = {};
  3. /*!*****************************************************!*\
  4. !*** ./resources/js/pages/project-overview.init.js ***!
  5. \*****************************************************/
  6. /*
  7. Template Name: Skote - Admin & Dashboard Template
  8. Author: Themesbrand
  9. Website: https://themesbrand.com/
  10. Contact: themesbrand@gmail.com
  11. File: Project overview init js
  12. */
  13. /********** overview chart ********/
  14. var options = {
  15. chart: {
  16. height: 290,
  17. type: 'bar',
  18. toolbar: {
  19. show: false
  20. }
  21. },
  22. plotOptions: {
  23. bar: {
  24. columnWidth: '14%',
  25. endingShape: 'rounded'
  26. }
  27. },
  28. dataLabels: {
  29. enabled: false
  30. },
  31. series: [{
  32. name: 'Overview',
  33. data: [42, 56, 40, 64, 26, 42, 56, 35, 62]
  34. }],
  35. grid: {
  36. yaxis: {
  37. lines: {
  38. show: false
  39. }
  40. }
  41. },
  42. yaxis: {
  43. title: {
  44. text: '% (Percentage)'
  45. }
  46. },
  47. xaxis: {
  48. labels: {
  49. rotate: -90
  50. },
  51. categories: ['1', '2', '3', '4', '5', '6', '7', '8', '9'],
  52. title: {
  53. text: 'Week'
  54. }
  55. },
  56. colors: ['#556ee6']
  57. };
  58. var chart = new ApexCharts(document.querySelector("#overview-chart"), options);
  59. chart.render();
  60. /******/ })()
  61. ;