|
1 | 1 | <div class="row"> |
2 | 2 | <!-- [ variant-chart ] start --> |
3 | 3 | <div class="col-md-6"> |
4 | | - <app-card cardTitle="Basic line chart" [options]="false"> |
| 4 | + <app-card cardTitle="Basic line chart"> |
5 | 5 | <apx-chart |
6 | 6 | [dataLabels]="line1CAC.dataLabels!" |
7 | 7 | [chart]="line1CAC.chart!" |
|
15 | 15 | </app-card> |
16 | 16 | </div> |
17 | 17 | <div class="col-md-6"> |
18 | | - <app-card cardTitle="Real-time Chart" [options]="false"> |
| 18 | + <app-card cardTitle="Real-time Chart"> |
19 | 19 | <apx-chart |
20 | 20 | [dataLabels]="line2CAC.dataLabels!" |
21 | 21 | [chart]="line2CAC.chart!" |
|
29 | 29 | </app-card> |
30 | 30 | </div> |
31 | 31 | <div class="col-sm-12"> |
32 | | - <app-card cardTitle="Different line chart" [options]="false"> |
| 32 | + <app-card cardTitle="Different line chart"> |
33 | 33 | <apx-chart |
34 | 34 | [dataLabels]="line3CAC.dataLabels!" |
35 | 35 | [chart]="line3CAC.chart!" |
|
45 | 45 | </app-card> |
46 | 46 | </div> |
47 | 47 | <div class="col-md-6"> |
48 | | - <app-card cardTitle="Area chart" [options]="false"> |
| 48 | + <app-card cardTitle="Area chart"> |
49 | 49 | <apx-chart |
50 | 50 | [dataLabels]="area1CAC.dataLabels!" |
51 | 51 | [chart]="area1CAC.chart!" |
|
81 | 81 | </app-card> |
82 | 82 | </div> |
83 | 83 | <div class="col-md-6"> |
84 | | - <app-card cardTitle="Bar chart" [options]="false"> |
| 84 | + <app-card cardTitle="Bar chart"> |
85 | 85 | <apx-chart |
86 | 86 | [dataLabels]="bar1CAC.dataLabels!" |
87 | 87 | [chart]="bar1CAC.chart!" |
|
97 | 97 | </app-card> |
98 | 98 | </div> |
99 | 99 | <div class="col-md-6"> |
100 | | - <app-card cardTitle="Bar chart stacked" [options]="false"> |
| 100 | + <app-card cardTitle="Bar chart stacked"> |
101 | 101 | <apx-chart |
102 | 102 | [dataLabels]="bar2CAC.dataLabels!" |
103 | 103 | [chart]="bar2CAC.chart!" |
|
112 | 112 | </app-card> |
113 | 113 | </div> |
114 | 114 | <div class="col-md-6"> |
115 | | - <app-card cardTitle="Bar chart horizontal" [options]="false"> |
| 115 | + <app-card cardTitle="Bar chart horizontal"> |
116 | 116 | <apx-chart |
117 | 117 | [dataLabels]="bar3CAC.dataLabels!" |
118 | 118 | [chart]="bar3CAC.chart!" |
|
125 | 125 | </app-card> |
126 | 126 | </div> |
127 | 127 | <div class="col-md-6"> |
128 | | - <app-card cardTitle="Bar chart horizontal stacked" [options]="false"> |
| 128 | + <app-card cardTitle="Bar chart horizontal stacked"> |
129 | 129 | <apx-chart |
130 | 130 | [dataLabels]="bar4CAC.dataLabels!" |
131 | 131 | [chart]="bar4CAC.chart!" |
|
142 | 142 | </app-card> |
143 | 143 | </div> |
144 | 144 | <div class="col-md-6"> |
145 | | - <app-card cardTitle="Mixed Chart" [options]="false"> |
| 145 | + <app-card cardTitle="Mixed Chart"> |
146 | 146 | <apx-chart |
147 | 147 | [dataLabels]="mixed1CAC.dataLabels!" |
148 | 148 | [chart]="mixed1CAC.chart!" |
|
157 | 157 | </app-card> |
158 | 158 | </div> |
159 | 159 | <div class="col-md-6"> |
160 | | - <app-card cardTitle="Mixed Chart" [options]="false"> |
| 160 | + <app-card cardTitle="Mixed Chart"> |
161 | 161 | <apx-chart |
162 | 162 | [dataLabels]="mixed2CAC.dataLabels!" |
163 | 163 | [chart]="mixed2CAC.chart!" |
|
176 | 176 | </app-card> |
177 | 177 | </div> |
178 | 178 | <div class="col-md-12"> |
179 | | - <app-card cardTitle="Candlestick Chart" [options]="false"> |
| 179 | + <app-card cardTitle="Candlestick Chart"> |
180 | 180 | <apx-chart |
181 | 181 | [dataLabels]="candlestickCAC.dataLabels!" |
182 | 182 | [chart]="candlestickCAC.chart!" |
|
189 | 189 | </app-card> |
190 | 190 | </div> |
191 | 191 | <div class="col-md-6"> |
192 | | - <app-card cardTitle="Bubble Chart" [options]="false"> |
| 192 | + <app-card cardTitle="Bubble Chart"> |
193 | 193 | <apx-chart |
194 | 194 | [dataLabels]="bubble1CAC.dataLabels!" |
195 | 195 | [chart]="bubble1CAC.chart!" |
|
203 | 203 | </app-card> |
204 | 204 | </div> |
205 | 205 | <div class="col-md-6"> |
206 | | - <app-card cardTitle="Bubble Chart 3d" [options]="false"> |
| 206 | + <app-card cardTitle="Bubble Chart 3d"> |
207 | 207 | <apx-chart |
208 | 208 | [dataLabels]="bubble2CAC.dataLabels!" |
209 | 209 | [chart]="bubble2CAC.chart!" |
|
218 | 218 | </app-card> |
219 | 219 | </div> |
220 | 220 | <div class="col-md-6"> |
221 | | - <app-card cardTitle="Scatter Chart" [options]="false"> |
| 221 | + <app-card cardTitle="Scatter Chart"> |
222 | 222 | <apx-chart |
223 | 223 | [dataLabels]="scatter1CAC.dataLabels!" |
224 | 224 | [chart]="scatter1CAC.chart!" |
|
230 | 230 | </app-card> |
231 | 231 | </div> |
232 | 232 | <div class="col-md-6"> |
233 | | - <app-card cardTitle="Scatter Chart Datetime" [options]="false"> |
| 233 | + <app-card cardTitle="Scatter Chart Datetime"> |
234 | 234 | <apx-chart |
235 | 235 | [dataLabels]="scatter2CAC.dataLabels!" |
236 | 236 | [chart]="scatter2CAC.chart!" |
|
243 | 243 | </app-card> |
244 | 244 | </div> |
245 | 245 | <div class="col-md-6"> |
246 | | - <app-card cardTitle="Heatmap Chart" [options]="false"> |
| 246 | + <app-card cardTitle="Heatmap Chart"> |
247 | 247 | <apx-chart |
248 | 248 | [dataLabels]="heatMap1CAC.dataLabels!" |
249 | 249 | [chart]="heatMap1CAC.chart!" |
|
254 | 254 | </app-card> |
255 | 255 | </div> |
256 | 256 | <div class="col-md-6"> |
257 | | - <app-card cardTitle="Heatmap Chart Rounded" [options]="false"> |
| 257 | + <app-card cardTitle="Heatmap Chart Rounded"> |
258 | 258 | <apx-chart |
259 | 259 | [stroke]="heatMap2CAC.stroke!" |
260 | 260 | [chart]="heatMap2CAC.chart!" |
|
268 | 268 | </app-card> |
269 | 269 | </div> |
270 | 270 | <div class="col-md-6"> |
271 | | - <app-card cardTitle="Pie Chart" [options]="false"> |
| 271 | + <app-card cardTitle="Pie Chart"> |
272 | 272 | <apx-chart |
273 | 273 | [labels]="pie1CAC.labels!" |
274 | 274 | [chart]="pie1CAC.chart!" |
|
281 | 281 | </app-card> |
282 | 282 | </div> |
283 | 283 | <div class="col-md-6"> |
284 | | - <app-card cardTitle="Pie Chart donut" [options]="false"> |
| 284 | + <app-card cardTitle="Pie Chart donut"> |
285 | 285 | <apx-chart |
286 | 286 | [plotOptions]="pie2CAC.plotOptions!" |
287 | 287 | [chart]="pie2CAC.chart!" |
|
294 | 294 | </app-card> |
295 | 295 | </div> |
296 | 296 | <div class="col-md-6"> |
297 | | - <app-card cardTitle="Radial Bar Chart" [options]="false"> |
| 297 | + <app-card cardTitle="Radial Bar Chart"> |
298 | 298 | <apx-chart |
299 | 299 | [plotOptions]="radialBar1CAC.plotOptions!" |
300 | 300 | [chart]="radialBar1CAC.chart!" |
|
306 | 306 | </app-card> |
307 | 307 | </div> |
308 | 308 | <div class="col-md-6"> |
309 | | - <app-card cardTitle="Radial Bar Chart Custom Angle" [options]="false"> |
| 309 | + <app-card cardTitle="Radial Bar Chart Custom Angle"> |
310 | 310 | <apx-chart |
311 | 311 | [plotOptions]="radialBar2CAC.plotOptions!" |
312 | 312 | [chart]="radialBar2CAC.chart!" |
|
320 | 320 | </app-card> |
321 | 321 | </div> |
322 | 322 | <div class="col-md-6"> |
323 | | - <app-card cardTitle="Radar With Polygon Fill" [options]="false"> |
| 323 | + <app-card cardTitle="Radar With Polygon Fill"> |
324 | 324 | <apx-chart |
325 | 325 | [plotOptions]="radar1CAC.plotOptions!" |
326 | 326 | [chart]="radar1CAC.chart!" |
|
336 | 336 | </app-card> |
337 | 337 | </div> |
338 | 338 | <div class="col-md-6"> |
339 | | - <app-card cardTitle="Radar Chart Multiple Series" [options]="false"> |
| 339 | + <app-card cardTitle="Radar Chart Multiple Series"> |
340 | 340 | <apx-chart |
341 | 341 | [chart]="radar2CAC.chart!" |
342 | 342 | [dataLabels]="radar2CAC.dataLabels!" |
|
0 commit comments