profile.init.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. /******/ (function() { // webpackBootstrap
  2. var __webpack_exports__ = {};
  3. /*!********************************************!*\
  4. !*** ./resources/js/pages/profile.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: Profile Init Js File
  12. */
  13. var options = {
  14. chart: {
  15. height: 330,
  16. type: 'bar',
  17. toolbar: {
  18. show: false
  19. }
  20. },
  21. plotOptions: {
  22. bar: {
  23. horizontal: false,
  24. columnWidth: '14%',
  25. endingShape: 'rounded'
  26. }
  27. },
  28. dataLabels: {
  29. enabled: false
  30. },
  31. stroke: {
  32. show: true,
  33. width: 2,
  34. colors: ['transparent']
  35. },
  36. series: [{
  37. name: 'Revenue',
  38. data: [42, 85, 101, 56, 37, 105, 38, 58, 92, 82, 72, 32]
  39. }],
  40. xaxis: {
  41. categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  42. },
  43. yaxis: {
  44. title: {
  45. text: '$ (thousands)'
  46. }
  47. },
  48. fill: {
  49. opacity: 1
  50. },
  51. colors: ['#556ee6']
  52. };
  53. var chart = new ApexCharts(document.querySelector("#revenue-chart"), options);
  54. chart.render();
  55. /******/ })()
  56. ;