Skip to content
This repository was archived by the owner on Mar 12, 2024. It is now read-only.

Commit d64b051

Browse files
Update README.md
1 parent 7f019d2 commit d64b051

File tree

1 file changed

+10
-4
lines changed

1 file changed

+10
-4
lines changed

README.md

Lines changed: 10 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -63,29 +63,35 @@ The bar chart has an extra param
6363

6464
#### Barchart
6565
<p align="center">
66-
<img src="https://github.com/LLoadout/assets/blob/master/components/barchart-horizontal.png" title="LLoadout Components - bar chart">
66+
<img src="https://github.com/LLoadout/assets/blob/master/components/barchart-horizontal.png" width="400" title="LLoadout Components - bar chart">
6767
</p>
68+
6869
<x-load-barchart title="Provide a title" key="delayed-{{ now() }}" orientation='horizontal' :data="[10,20,70]" :labels="['a']"></x-load-barchart>
6970

7071
#### Stacked barchart
72+
7173
<p align="center">
72-
<img src="https://github.com/LLoadout/assets/blob/master/components/barchart-stacked.png" title="LLoadout Components - stacked bar chart">
74+
<img src="https://github.com/LLoadout/assets/blob/master/components/barchart-stacked.png" width="400" title="LLoadout Components - stacked bar chart">
7375
</p>
7476
For the stacked barchart you can use the same tag as for the simple barchart , it takes an array of arrays as data
7577

7678
<x-load-barchart title="Provide a title" key="delayed-{{ now() }}" orientation='horizontal' :data="[[10,20,70],[10,20,70],[10,20,70]]" :labels="['a']"></x-load-barchart>
7779

7880

7981
#### Piechart
82+
8083
<p align="center">
81-
<img src="https://github.com/LLoadout/assets/blob/master/components/piechart.png" title="LLoadout Components - pie chart">
84+
<img src="https://github.com/LLoadout/assets/blob/master/components/piechart.png" width="400" title="LLoadout Components - pie chart">
8285
</p>
86+
8387
<x-load-piechart title="Provide a title" key="delayed-{{ now() }}" :data="[10,20,70]" :labels="['a']"></x-load-piechart>
8488

8589
#### Linechart
90+
8691
<p align="center">
87-
<img src="https://github.com/LLoadout/assets/blob/master/components/linechart.png" title="LLoadout Components - line chart">
92+
<img src="https://github.com/LLoadout/assets/blob/master/components/linechart.png" width="400" title="LLoadout Components - line chart">
8893
</p>
94+
8995
<x-load-linechart title="Provide a title" key="delayed-{{ now() }}" :data="[10,20,70]" :labels="['a']"></x-load-linechart>
9096

9197
### Signature

0 commit comments

Comments
 (0)