1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| <template>
| <div class="art-card h-105 p-5 mb-5 max-sm:mb-4">
| <div class="art-card-header">
| <div class="title">
| <h4>访问量</h4>
| <p>今年增长<span class="text-success">+15%</span></p>
| </div>
| </div>
| <ArtLineChart
| height="calc(100% - 56px)"
| :data="data"
| :xAxisData="xAxisData"
| :showAreaColor="true"
| :showAxisLine="false"
| />
| </div>
| </template>
|
| <script setup>
| const data = [50, 25, 40, 20, 70, 35, 65, 30, 35, 20, 40, 44]
| const xAxisData = [
| '1月',
| '2月',
| '3月',
| '4月',
| '5月',
| '6月',
| '7月',
| '8月',
| '9月',
| '10月',
| '11月',
| '12月'
| ]
| </script>
|
|
