You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

64 lines
1.3 KiB

  1. // import getChartColorsArray from "@/components/getChartColorArray";
  2. // Line chart datalabel
  3. const lineDatalabelChart = {
  4. series: [
  5. {
  6. data: [30, 60, 40, 70, 50, 90]
  7. }
  8. ],
  9. chartOptions: {
  10. chart: {
  11. type: 'line',
  12. height: 200,
  13. toolbar: {
  14. show: false
  15. }
  16. },
  17. colors: ['#0d6efd'],
  18. dataLabels: {
  19. enabled: false
  20. },
  21. markers: {
  22. size: 7,
  23. colors: '#0d6efd',
  24. strokeColors: '#fff',
  25. strokeWidth: 3,
  26. hover: {
  27. size: 4,
  28. }
  29. },
  30. stroke: {
  31. width: 1,
  32. curve: 'smooth',
  33. },
  34. plotOptions: {
  35. bar: {
  36. columnWidth: '45%',
  37. borderRadius: 4
  38. }
  39. },
  40. grid: {
  41. strokeDashArray: 4
  42. },
  43. yaxis: {
  44. show: false,
  45. },
  46. xaxis: {
  47. categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],
  48. labels: {
  49. hideOverlappingLabels: true,
  50. },
  51. axisBorder: {
  52. show: false
  53. },
  54. axisTicks: {
  55. show: false
  56. }
  57. }
  58. },
  59. };
  60. export { lineDatalabelChart };