moblor-vue 0.1.85 → 0.1.86
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 +13 -0
- package/dist/charts.js +1 -1
- package/dist/moblor-components.esm.js +216 -160
- package/dist/moblor-components.js +1 -1
- package/dist/moblor-vue.esm.js +216 -160
- package/dist/moblor-vue.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -12,3 +12,16 @@ npm run serve
|
|
|
12
12
|
# build for production
|
|
13
13
|
npm run build
|
|
14
14
|
```
|
|
15
|
+
|
|
16
|
+
## Dashboard Chart Sizing
|
|
17
|
+
|
|
18
|
+
`sf-dashboard-chart` accepts `sizing="auto"` (default) or `sizing="fill"`.
|
|
19
|
+
Auto mode uses a height of `35rem`, `10rem` for metrics, and content height with a `15rem` minimum for tables.
|
|
20
|
+
Fill mode requires a parent with a defined height. Rich text keeps its natural height.
|
|
21
|
+
The optional `height` prop overrides the height using pixels for numbers or a CSS length for strings.
|
|
22
|
+
Tables scroll internally only in fill mode or when an explicit height is provided.
|
|
23
|
+
|
|
24
|
+
```vue
|
|
25
|
+
<sf-dashboard-chart :data="data" :metadata="metadata" sizing="fill" />
|
|
26
|
+
<sf-dashboard-chart :data="data" :metadata="metadata" :height="360" />
|
|
27
|
+
```
|