lavkach3

1
document.addEventListener("DOMContentLoaded", function () {
2
  "use strict";
3
  var card1 = {
4
    series: [
5
      {
6
        name: "Weekly Sales",
7
        data: [0, 3, 1, 2, 8, 1, 5, 1],
8
      },
9
    ],
10
    chart: {
11
      height: 75,
12
      type: "area",
13
      fontFamily: "inherit",
14
      zoom: {
15
        enabled: false,
16
      },
17
      toolbar: {
18
        show: false,
19
      },
20
      sparkline: {
21
        enabled: true,
22
      },
23
    },
24
    dataLabels: {
25
      enabled: false,
26
    },
27
    colors: ["#3699ff"],
28
    stroke: {
29
      curve: "smooth",
30
      width: 2,
31
    },
32
    fill: {
33
      type: "solid",
34
      opacity: 0.2,
35
    },
36
    grid: {
37
      show: false,
38
    },
39
    xaxis: {
40
      show: false,
41
    },
42
    yaxis: {
43
      show: false,
44
    },
45
    tooltip: {
46
      theme: "dark",
47
    },
48
  };
49

50
  var chart1 = new ApexCharts(document.querySelector(".earnings-month"), card1);
51
  chart1.render();
52

53
  // 2
54
  var card2 = {
55
    series: [
56
      {
57
        name: "Social marketing",
58
        data: [0, 3, 1, 2, 8, 1, 5, 1],
59
      },
60
    ],
61
    chart: {
62
      height: 75,
63
      type: "area",
64
      fontFamily: "inherit",
65
      zoom: {
66
        enabled: false,
67
      },
68
      toolbar: {
69
        show: false,
70
      },
71
      sparkline: {
72
        enabled: true,
73
      },
74
    },
75
    dataLabels: {
76
      enabled: false,
77
    },
78
    colors: ["#ee9d01"],
79
    stroke: {
80
      curve: "smooth",
81
      width: 2,
82
    },
83
    fill: {
84
      type: "solid",
85
      opacity: 0.2,
86
    },
87
    grid: {
88
      show: false,
89
    },
90
    xaxis: {
91
      show: false,
92
    },
93
    yaxis: {
94
      show: false,
95
    },
96
    tooltip: {
97
      theme: "dark",
98
    },
99
  };
100

101
  var chart2 = new ApexCharts(
102
    document.querySelector(".earnings-month2"),
103
    card2
104
  );
105
  chart2.render();
106

107
  // 3
108
  var card3 = {
109
    series: [
110
      {
111
        name: "Yearly Sales",
112
        data: [0, 3, 1, 2, 8, 1, 5, 1],
113
      },
114
    ],
115
    chart: {
116
      height: 75,
117
      type: "area",
118
      fontFamily: "inherit",
119
      zoom: {
120
        enabled: false,
121
      },
122
      toolbar: {
123
        show: false,
124
      },
125
      sparkline: {
126
        enabled: true,
127
      },
128
    },
129
    dataLabels: {
130
      enabled: false,
131
    },
132
    colors: ["#f64e60"],
133
    stroke: {
134
      curve: "smooth",
135
      width: 2,
136
    },
137
    fill: {
138
      type: "solid",
139
      opacity: 0.2,
140
    },
141
    grid: {
142
      show: false,
143
    },
144
    xaxis: {
145
      show: false,
146
    },
147
    yaxis: {
148
      show: false,
149
    },
150
    tooltip: {
151
      theme: "dark",
152
    },
153
  };
154

155
  var chart3 = new ApexCharts(
156
    document.querySelector(".earnings-month3"),
157
    card3
158
  );
159
  chart3.render();
160
});
161