@@ -29,7 +29,7 @@ Vue.use(Bars)
2929
3030* vue template*
3131
32- ``` html
32+ ``` vue
3333<bars
3434 :data="[1, 2, 5, 9, 5, 10, 3, 5, 2, 5, 1, 8, 2, 9, 0]"
3535 :gradient="['#6fa8dc', '#42b983']">
@@ -68,7 +68,7 @@ This does mean that all data points will be evenly-spaced. If you have irregular
6868As of v1.2.0, you may supply an array of data objects with a ` value ` property.
6969
7070###### Example
71- ``` html
71+ ``` vue
7272<bars :data="[120, 149, 193.4, 200, 92]" />
7373<bars :data="[{ value: 4 }, { value: 6 }, { value: 8 }]" />
7474```
@@ -84,7 +84,7 @@ Vue Barssupports vertical gradients. It accepts an array of 2 colour values, and
8484Colour should be specified as a full HEX value.
8585
8686###### Example
87- ``` html
87+ ``` vue
8888<bars :gradient="['#00FFFF', '#FF00FF']" />
8989```
9090
@@ -98,7 +98,7 @@ Set an explicit height for your SVG. By default it ensures a 1:4 aspect ratio wi
9898Note that in _ most_ cases it is sufficient to leave this blank, and just control the size of the parent container.
9999
100100###### Example
101- ``` html
101+ ``` vue
102102<bars :width="200" :height="200" />
103103```
104104
@@ -115,7 +115,7 @@ By increasing this number, you expand the space around the line, so that very th
115115In most cases you don't need to touch this value.
116116
117117###### Example
118- ``` html
118+ ``` vue
119119<bars padding="18" />
120120```
121121
@@ -129,7 +129,7 @@ Set an explicit width for your SVG. By default it ensures a 1:4 aspect ratio wit
129129Note that in _ most_ cases it is sufficient to leave this blank, and just control the width of the parent container.
130130
131131###### Example
132- ``` html
132+ ``` vue
133133<bars :width="200" :height="200" />
134134```
135135
0 commit comments