vue-data-ui 2.0.22 → 2.0.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md
CHANGED
|
@@ -6,15 +6,14 @@
|
|
|
6
6
|
<a href="https://vue-data-ui.graphieros.com/"><img src="https://vue-data-ui.graphieros.com/vue-data-ui-showcase.png"></a>
|
|
7
7
|
</p>
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
11
9
|
# vue-data-ui
|
|
10
|
+
|
|
12
11
|
|
|
13
12
|
[](https://madewithvuejs.com/p/vue-data-ui/shield-link)
|
|
14
13
|
|
|
15
14
|
|
|
16
15
|
|
|
17
|
-
|
|
18
17
|
|
|
19
18
|
[Interactive documentation](https://vue-data-ui.graphieros.com/)
|
|
20
19
|
|
|
@@ -23,6 +22,7 @@ A user-empowering data visualization Vue components library.
|
|
|
23
22
|
Available components:
|
|
24
23
|
|
|
25
24
|
## Charts
|
|
25
|
+
|
|
26
26
|
- [VueUiXy](https://vue-data-ui.graphieros.com/docs#vue-ui-xy)
|
|
27
27
|
- [VueUiDonut](https://vue-data-ui.graphieros.com/docs#vue-ui-donut)
|
|
28
28
|
- [VueUiWaffle](https://vue-data-ui.graphieros.com/docs#vue-ui-waffle)
|
|
@@ -44,26 +44,31 @@ Available components:
|
|
|
44
44
|
- [VueUiDonutEvolution](https://vue-data-ui.graphieros.com/docs#vue-ui-donut-evolution)
|
|
45
45
|
- [VueUiMoodRadar](https://vue-data-ui.graphieros.com/docs#vue-ui-mood-radar)
|
|
46
46
|
- [VueUiMolecule](https://vue-data-ui.graphieros.com/docs#vue-ui-molecule)
|
|
47
|
-
|
|
47
|
+
- [VueUiNestedDonuts](https://vue-data-ui.graphieros.com/docs#vue-ui-nested-donuts)
|
|
48
48
|
|
|
49
49
|
## Mini charts
|
|
50
|
+
|
|
50
51
|
- [VueUiSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkline)
|
|
51
52
|
- [VueUiSparkbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkbar)
|
|
52
53
|
- [VueUiSparkstackbar](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkstackbar)
|
|
53
54
|
- [VueUiSparkHistogram](https://vue-data-ui.graphieros.com/docs#vue-ui-sparkhistogram)
|
|
54
55
|
|
|
55
56
|
## 3d
|
|
57
|
+
|
|
56
58
|
- [VueUi3dBar](https://vue-data-ui.graphieros.com/docs#vue-ui-3d-bar)
|
|
57
59
|
|
|
58
60
|
## Tables
|
|
61
|
+
|
|
59
62
|
- [VueUiTableSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-table-sparkline)
|
|
60
63
|
- [VueUiTable](https://vue-data-ui.graphieros.com/docs#vue-ui-table)
|
|
61
64
|
|
|
62
65
|
## Rating
|
|
66
|
+
|
|
63
67
|
- [VueUiRating](https://vue-data-ui.graphieros.com/docs#vue-ui-rating)
|
|
64
68
|
- [VueUiSmiley](https://vue-data-ui.graphieros.com/docs#vue-ui-smiley)
|
|
65
69
|
|
|
66
70
|
## Utilities
|
|
71
|
+
|
|
67
72
|
- [VueUiScreenshot](https://vue-data-ui.graphieros.com/docs#vue-ui-screenshot)
|
|
68
73
|
- [VueUiSkeleton](https://vue-data-ui.graphieros.com/docs#vue-ui-skeleton)
|
|
69
74
|
- [VueUiDashboard](https://vue-data-ui.graphieros.com/docs#vue-ui-dashboard)
|
|
@@ -73,6 +78,7 @@ Available components:
|
|
|
73
78
|
- [VueUiMiniLoader](https://vue-data-ui.graphieros.com/docs#vue-ui-mini-loader)
|
|
74
79
|
|
|
75
80
|
# Installation
|
|
81
|
+
|
|
76
82
|
```
|
|
77
83
|
npm i vue-data-ui
|
|
78
84
|
```
|
|
@@ -103,12 +109,15 @@ Or you can import just what you need in your files:
|
|
|
103
109
|
```
|
|
104
110
|
|
|
105
111
|
## Typescript
|
|
112
|
+
|
|
106
113
|
Types are available in the 'vue-data-ui.d.ts' file under the types directory of the package.
|
|
107
114
|
|
|
108
115
|
## Nuxt
|
|
116
|
+
|
|
109
117
|
[This repo contains a boilerplate implementation of the vue-data-ui package in Nuxt](https://github.com/graphieros/vue-data-ui-nuxt)
|
|
110
118
|
|
|
111
119
|
# Customizable tooltips
|
|
120
|
+
|
|
112
121
|
Charts with tooltips have a config option to customize tooltip contents:
|
|
113
122
|
|
|
114
123
|
```
|
|
@@ -120,9 +129,11 @@ customFormat: ({ seriesIndex, datapoint, series, config }) => {
|
|
|
120
129
|
```
|
|
121
130
|
|
|
122
131
|
# Slots
|
|
132
|
+
|
|
123
133
|
Most Vue Data UI chart components include a #svg slot you can use to introduce customized svg elements (shapes, text, etc).
|
|
124
134
|
|
|
125
135
|
# Config
|
|
136
|
+
|
|
126
137
|
If for some reason you can't access the documentation website and need to get the default config object for a component:
|
|
127
138
|
|
|
128
139
|
```
|
|
@@ -130,4 +141,4 @@ import { getVueDataUiConfig } from "vue-data-ui";
|
|
|
130
141
|
|
|
131
142
|
const defaultConfigXy = getVueDataUiConfig("vue_ui_xy");
|
|
132
143
|
|
|
133
|
-
```
|
|
144
|
+
```
|