|
9 | 9 | # vue-data-ui |
10 | 10 |
|
11 | 11 |  |
12 | | - |
13 | | -[](https://madewithvuejs.com/p/vue-data-ui/shield-link) |
| 12 | + |
14 | 13 |  |
15 | 14 | [](./LICENSE) |
| 15 | +[](https://madewithvuejs.com/p/vue-data-ui/shield-link) |
16 | 16 |  |
17 | 17 |
|
18 | 18 | [Interactive documentation](https://vue-data-ui.graphieros.com/) |
@@ -73,6 +73,7 @@ Available components |
73 | 73 | - [VueUiTableHeatmap](https://vue-data-ui.graphieros.com/docs#vue-ui-table-heatmap) |
74 | 74 | - [VueUiTableSparkline](https://vue-data-ui.graphieros.com/docs#vue-ui-table-sparkline) |
75 | 75 | - [VueUiTable](https://vue-data-ui.graphieros.com/docs#vue-ui-table) |
| 76 | +- [VueUiCarouselTable](https://vue-data-ui.graphieros.com/docs#vue-ui-carousel-table) |
76 | 77 |
|
77 | 78 | ## Rating |
78 | 79 |
|
@@ -353,14 +354,14 @@ From the dataset you pass into the props, this component will produce the most a |
353 | 354 |
|
354 | 355 | ### Mini charts |
355 | 356 |
|
356 | | -| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes | |
357 | | -| --------------------- | ---------------------------------- | --------------------------- | ----------------------- | -------------------------- | -------------- | ------ | |
358 | | -| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint` | `#svg`, `#before` | ❌ | ✅ | |
359 | | -| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title` | ❌ | ✅ | |
360 | | -| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint` | ❌ | ❌ | ✅ | |
361 | | -| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | ❌ | ❌ | ✅ | |
362 | | -| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | ❌ | ❌ | ✅ | |
363 | | -| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | ❌ | ❌ | ✅ | |
| 357 | +| Name | dataset type | config type | emits / exposed methods | slots | custom tooltip | themes | |
| 358 | +| --------------------- | ---------------------------------- | --------------------------- | ----------------------- | ----------------------- | -------------- | ------ | |
| 359 | +| `VueUiSparkline` | `VueUiSparklineDatasetItem[]` | `VueUiSparklineConfig` | `@selectDatapoint` | `#svg`, `#before` | ❌ | ✅ | |
| 360 | +| `VueUiSparkbar` | `VueUiSparkbarDatasetItem[]` | `VueUiSparkbarConfig` | `@selectDatapoint` | `#data-label`, `#title` | ❌ | ✅ | |
| 361 | +| `VueUiSparkStackbar` | `VueUiSparkStackbarDatasetItem[]` | `VueUiSparkStackbarConfig` | `@selectDatapoint` | ❌ | ❌ | ✅ | |
| 362 | +| `VueUiSparkHistogram` | `VueUiSparkHistogramDatasetItem[]` | `VueUiSparkHistogramConfig` | `@selectDatapoint` | ❌ | ❌ | ✅ | |
| 363 | +| `VueUiSparkGauge` | `VueUiSparkGaugeDataset` | `VueUiSparkGaugeConfig` | ❌ | ❌ | ❌ | ✅ | |
| 364 | +| `VueUiSparkTrend` | `number[]` | `VueUiSparkTrendConfig` | ❌ | ❌ | ❌ | ✅ | |
364 | 365 |
|
365 | 366 | ### Charts |
366 | 367 |
|
@@ -404,11 +405,12 @@ From the dataset you pass into the props, this component will produce the most a |
404 | 405 |
|
405 | 406 | ### Data tables |
406 | 407 |
|
407 | | -| Name | dataset type | config type | emits / exposed methods | slots | themes | |
408 | | -| --------------------- | ---------------------------------- | --------------------------- | --------------------------------------------- | --------------------------------------------------------------- | ------ | |
409 | | -| `VueUiTable` | `VueUiTableDataset` | `VueUiTableConfig` | ❌ | ❌ | ❌ | |
410 | | -| `VueUiTableHeatmap` | `VueUiTableHeatmapDatasetItem[]` | `VueUiTableHeatmapConfig` | `generatePdf`, `generateCsv`, `generateImage` | `#caption`, `#rowTitle`, `#cell`, `#sum`, `#average`, `#median` | ✅ | |
411 | | -| `VueUiTableSparkline` | `VueUiTableSparklineDatasetItem[]` | `VueUiTableSparklineConfig` | `generatePdf`, `generateCsv`, `generateImage` | ❌ | ✅ | |
| 408 | +| Name | dataset type | config type | emits / exposed methods | slots | themes | |
| 409 | +| --------------------- | ---------------------------------- | --------------------------- | ----------------------------------------------------------------------------------------------------- | --------------------------------------------------------------- | ------ | |
| 410 | +| `VueUiTable` | `VueUiTableDataset` | `VueUiTableConfig` | ❌ | ❌ | ❌ | |
| 411 | +| `VueUiTableHeatmap` | `VueUiTableHeatmapDatasetItem[]` | `VueUiTableHeatmapConfig` | `generatePdf`, `generateCsv`, `generateImage` | `#caption`, `#rowTitle`, `#cell`, `#sum`, `#average`, `#median` | ✅ | |
| 412 | +| `VueUiTableSparkline` | `VueUiTableSparklineDatasetItem[]` | `VueUiTableSparklineConfig` | `generatePdf`, `generateCsv`, `generateImage` | ❌ | ✅ | |
| 413 | +| `VueUiCarouselTable` | `VueUiCarouselTableDataset` | `VueUiCarouselTableConfig` | `generatePdf`, `generateImage`, `generateCsv`, `toggleAnimation`, `pauseAnimation`, `resumeAnimation` | `#caption`, `#th`, `#td` | ❌ | |
412 | 414 |
|
413 | 415 | ### Rating |
414 | 416 |
|
@@ -497,6 +499,7 @@ User options actions available per chart: |
497 | 499 | | VueUi3dBar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen | |
498 | 500 | | VueUiAgePyramid | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen | |
499 | 501 | | VueUiCandlestick | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionFullscreen | |
| 502 | +| VueUiCarouselTable | optionPdf, optionImg, optionCsv, optionAnimation, optionFullscreen | |
500 | 503 | | VueUiChestnut | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen | |
501 | 504 | | VueUiDonut | optionTooltip, optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen | |
502 | 505 | | VueUiDonutEvolution | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen | |
@@ -581,6 +584,7 @@ However the folowing charts can be made fully responsive, making them better to |
581 | 584 | | VueUi3dBar | - | |
582 | 585 | | VueUiAgePyramid | ✅ | |
583 | 586 | | VueUiCandlestick | ✅ | |
| 587 | +| VueUiCarouselTable | - | |
584 | 588 | | VueUiChestnut | - | |
585 | 589 | | VueUiDonut | ✅ | |
586 | 590 | | VueUiDonutEvolution | - | |
|
0 commit comments