chart-apex.css 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168
  1. .apexcharts-canvas line[stroke='transparent'] {
  2. display: none; }
  3. .apexcharts-canvas .apexcharts-tooltip {
  4. background: #fff;
  5. border-color: #ebe9f1; }
  6. .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  7. background: #fff !important;
  8. border-color: #ebe9f1 !important;
  9. font-weight: 600; }
  10. .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-label,
  11. .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-text-value {
  12. color: #fff; }
  13. .apexcharts-canvas .apexcharts-xaxistooltip,
  14. .apexcharts-canvas .apexcharts-yaxistooltip {
  15. background: #f8f8f8;
  16. border-color: #ebe9f1; }
  17. .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  18. border-bottom-color: #ebe9f1; }
  19. .apexcharts-canvas .apexcharts-xaxistooltip-bottom::after {
  20. border-bottom-color: #f8f8f8; }
  21. .apexcharts-canvas .apexcharts-xaxistooltip-top:before {
  22. border-top-color: #ebe9f1; }
  23. .apexcharts-canvas .apexcharts-xaxistooltip-top::after {
  24. border-top-color: #f8f8f8; }
  25. .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  26. border-left-color: #ebe9f1; }
  27. .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  28. border-left-color: #f8f8f8; }
  29. .apexcharts-canvas .apexcharts-yaxistooltip-right:before {
  30. border-right-color: #ebe9f1; }
  31. .apexcharts-canvas .apexcharts-yaxistooltip-right:after {
  32. border-right-color: #f8f8f8; }
  33. .apexcharts-canvas .apexcharts-text,
  34. .apexcharts-canvas .apexcharts-tooltip-text,
  35. .apexcharts-canvas .apexcharts-datalabel-label,
  36. .apexcharts-canvas .apexcharts-datalabel {
  37. font-family: var(--bs-font-sans-serif) !important;
  38. fill: #6e6b7b;
  39. font-weight: 400;
  40. filter: none; }
  41. .apexcharts-canvas .apexcharts-pie-label {
  42. fill: white;
  43. filter: none; }
  44. .apexcharts-canvas .apexcharts-pie .apexcharts-pie-series .apexcharts-pie-area {
  45. stroke-width: 0; }
  46. .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-label,
  47. .apexcharts-canvas .apexcharts-pie .apexcharts-datalabel-value {
  48. font-size: 1.5rem; }
  49. .apexcharts-canvas .apexcharts-marker {
  50. box-shadow: none; }
  51. .apexcharts-canvas .apexcharts-legend-series + .apexcharts-legend-series {
  52. margin-top: 0.625rem; }
  53. .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  54. margin-left: 0.5rem;
  55. color: #6e6b7b !important;
  56. font-size: 1rem !important; }
  57. .apexcharts-canvas .apexcharts-xcrosshairs,
  58. .apexcharts-canvas .apexcharts-ycrosshairs,
  59. .apexcharts-canvas .apexcharts-gridline {
  60. stroke: #ebe9f1; }
  61. .apexcharts-legend.position-bottom {
  62. bottom: 3rem; }
  63. .dark-layout .apexcharts-canvas .apexcharts-xaxis-tick,
  64. .dark-layout .apexcharts-canvas line {
  65. stroke: #3b4253; }
  66. .dark-layout .apexcharts-canvas .apexcharts-heatmap .apexcharts-heatmap-rect {
  67. stroke: #3b4253; }
  68. .dark-layout .apexcharts-canvas .apexcharts-radialbar .apexcharts-radialbar-track .apexcharts-radialbar-area {
  69. stroke: #161d31; }
  70. .dark-layout .apexcharts-canvas .apexcharts-radar-series polygon {
  71. fill: #161d31;
  72. stroke: #3b4253; }
  73. .dark-layout .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-datalabel-value {
  74. fill: #fff; }
  75. .dark-layout .apexcharts-canvas .apexcharts-tooltip {
  76. background: #283046;
  77. border-color: #3b4253; }
  78. .dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
  79. background: #283046 !important;
  80. border-color: #3b4253 !important;
  81. color: #fff; }
  82. .dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-label,
  83. .dark-layout .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-value {
  84. color: #fff; }
  85. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom:before {
  86. border-bottom-color: #3b4253; }
  87. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-bottom::after {
  88. border-bottom-color: #161d31; }
  89. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-top:before {
  90. border-top-color: #3b4253; }
  91. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip-top::after {
  92. border-top-color: #161d31; }
  93. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:before {
  94. border-left-color: #3b4253; }
  95. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-left:after {
  96. border-left-color: #161d31; }
  97. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-right:before {
  98. border-right-color: #3b4253; }
  99. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip-right:after {
  100. border-right-color: #161d31; }
  101. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip,
  102. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip {
  103. background: #161d31;
  104. border-color: #3b4253; }
  105. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text,
  106. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-yaxistooltip-text,
  107. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-xaxistooltip-text,
  108. .dark-layout .apexcharts-canvas .apexcharts-yaxistooltip .apexcharts-yaxistooltip-text {
  109. color: #fff; }
  110. .dark-layout .apexcharts-canvas .apexcharts-xaxistooltip .apexcharts-xaxistooltip-text {
  111. color: #fff; }
  112. .dark-layout .apexcharts-canvas .apexcharts-yaxis-label,
  113. .dark-layout .apexcharts-canvas .apexcharts-xaxis-label,
  114. .dark-layout .apexcharts-canvas .apexcharts-tooltip-text,
  115. .dark-layout .apexcharts-canvas .apexcharts-datalabel-label {
  116. fill: #b4b7bd; }
  117. .dark-layout .apexcharts-canvas .apexcharts-marker {
  118. stroke: #3b4253; }
  119. .dark-layout .apexcharts-canvas .apexcharts-legend-series .apexcharts-legend-text {
  120. color: #b4b7bd !important; }
  121. .dark-layout .apexcharts-canvas .apexcharts-xcrosshairs,
  122. .dark-layout .apexcharts-canvas .apexcharts-ycrosshairs,
  123. .dark-layout .apexcharts-canvas .apexcharts-gridline {
  124. stroke: #3b4253; }