| 16825 |
efrain |
1 |
// npm package: apexcharts
|
|
|
2 |
// github link: https://github.com/apexcharts/apexcharts.js
|
|
|
3 |
|
|
|
4 |
div.apexcharts-canvas {
|
|
|
5 |
.apexcharts-menu {
|
|
|
6 |
background: $dropdown-bg !important;
|
|
|
7 |
color: $body-color;
|
|
|
8 |
border-color: $border-color;
|
|
|
9 |
}
|
|
|
10 |
|
|
|
11 |
.apexcharts-zoom-icon svg,
|
|
|
12 |
.apexcharts-zoomin-icon svg,
|
|
|
13 |
.apexcharts-zoomout-icon svg,
|
|
|
14 |
.apexcharts-reset-icon svg,
|
|
|
15 |
.apexcharts-pan-icon svg,
|
|
|
16 |
.apexcharts-selection-icon svg,
|
|
|
17 |
.apexcharts-menu-icon svg,
|
|
|
18 |
.apexcharts-toolbar-custom-icon svg {
|
|
|
19 |
fill: $secondary;
|
|
|
20 |
}
|
|
|
21 |
|
|
|
22 |
.apexcharts-legend.apexcharts-align-right .apexcharts-legend-series,
|
|
|
23 |
.apexcharts-legend.apexcharts-align-left .apexcharts-legend-series {
|
|
|
24 |
display: flex;
|
|
|
25 |
align-items: center;
|
|
|
26 |
}
|
|
|
27 |
|
|
|
28 |
.apexcharts-legend-marker {
|
|
|
29 |
margin-right: 3px;
|
|
|
30 |
}
|
|
|
31 |
|
|
|
32 |
.apexcharts-tooltip {
|
|
|
33 |
background: rgba($dropdown-bg, .8);
|
|
|
34 |
color: $body-color;
|
|
|
35 |
box-shadow: $dropdown-box-shadow;
|
|
|
36 |
border-radius: $border-radius;
|
|
|
37 |
border: 1px solid $dropdown-border-color;
|
|
|
38 |
.apexcharts-tooltip-title {
|
|
|
39 |
border-color: $border-color;
|
|
|
40 |
background-color: $dropdown-bg;
|
|
|
41 |
}
|
|
|
42 |
* {
|
|
|
43 |
font-family: $font-family-sans-serif !important;
|
|
|
44 |
}
|
|
|
45 |
}
|
|
|
46 |
.apexcharts-tooltip-series-group.apexcharts-active,
|
|
|
47 |
.apexcharts-tooltip-series-group:last-child {
|
|
|
48 |
padding: 0 10px;
|
|
|
49 |
}
|
|
|
50 |
.apexcharts-tooltip-text-y-value,
|
|
|
51 |
.apexcharts-tooltip-text-goals-value,
|
|
|
52 |
.apexcharts-tooltip-text-z-value {
|
|
|
53 |
margin-left: 0;
|
|
|
54 |
}
|
|
|
55 |
|
|
|
56 |
.apexcharts-tooltip-title {
|
|
|
57 |
margin-bottom: 0;
|
|
|
58 |
}
|
|
|
59 |
|
|
|
60 |
.apexcharts-xaxistooltip,
|
|
|
61 |
.apexcharts-yaxistooltip {
|
|
|
62 |
background: $dropdown-bg;
|
|
|
63 |
color: $body-color;
|
|
|
64 |
border-color: $dropdown-border-color;
|
|
|
65 |
}
|
|
|
66 |
|
|
|
67 |
.apexcharts-xaxistooltip-bottom::before {
|
|
|
68 |
border-bottom-color: $dropdown-border-color;
|
|
|
69 |
}
|
|
|
70 |
.apexcharts-xaxistooltip-bottom::after {
|
|
|
71 |
border-bottom-color: rgba($dropdown-bg, .8);
|
|
|
72 |
}
|
|
|
73 |
|
|
|
74 |
.apexcharts-yaxistooltip-left:before,
|
|
|
75 |
.apexcharts-yaxistooltip-right:before {
|
|
|
76 |
border-left-color: $dropdown-border-color;
|
|
|
77 |
}
|
|
|
78 |
.apexcharts-yaxistooltip-left:after,
|
|
|
79 |
.apexcharts-yaxistooltip-right:after {
|
|
|
80 |
border-left-color: rgba($dropdown-bg, .8);
|
|
|
81 |
}
|
|
|
82 |
|
|
|
83 |
.apexcharts-tooltip-marker {
|
|
|
84 |
/*rtl:raw:
|
|
|
85 |
margin-right: 0;
|
|
|
86 |
margin-left: 10px;
|
|
|
87 |
*/
|
|
|
88 |
}
|
|
|
89 |
|
|
|
90 |
}
|