tasklist.init.js 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /******/ (function() { // webpackBootstrap
  2. var __webpack_exports__ = {};
  3. /*!*********************************************!*\
  4. !*** ./resources/js/pages/tasklist.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: Task list Init Js File
  12. */
  13. var options = {
  14. chart: {
  15. height: 280,
  16. type: 'line',
  17. stacked: false,
  18. toolbar: {
  19. show: false
  20. }
  21. },
  22. stroke: {
  23. width: [0, 2, 5],
  24. curve: 'smooth'
  25. },
  26. plotOptions: {
  27. bar: {
  28. columnWidth: '20%',
  29. endingShape: 'rounded'
  30. }
  31. },
  32. colors: ['#556ee6', '#34c38f'],
  33. series: [{
  34. name: 'Complete Tasks',
  35. type: 'column',
  36. data: [23, 11, 22, 27, 13, 22, 52, 21, 44, 22, 30]
  37. }, {
  38. name: 'All Tasks',
  39. type: 'line',
  40. data: [23, 11, 34, 27, 17, 22, 62, 32, 44, 22, 39]
  41. }],
  42. fill: {
  43. gradient: {
  44. inverseColors: false,
  45. shade: 'light',
  46. type: "vertical",
  47. opacityFrom: 0.85,
  48. opacityTo: 0.55,
  49. stops: [0, 100, 100, 100]
  50. }
  51. },
  52. labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov'],
  53. markers: {
  54. size: 0
  55. },
  56. yaxis: {
  57. min: 0
  58. }
  59. };
  60. var chart = new ApexCharts(document.querySelector("#task-chart"), options);
  61. chart.render();
  62. /******/ })()
  63. ;