vue-data-ui 2.2.51 → 2.2.53
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 +97 -31
- package/dist/{index-a2bbeb61.js → index-df6fd355.js} +25219 -24887
- package/dist/{index.es-0f5afa6b.js → index.es-172ac8cd.js} +1 -1
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.ts +9 -0
- package/dist/vue-data-ui.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -491,46 +491,46 @@ User options actions available per chart:
|
|
|
491
491
|
|
|
492
492
|
| Chart name | User options actions slot names |
|
|
493
493
|
| --------------------------- | ----------------------------------------------------------------------------------------- |
|
|
494
|
+
| VueUi3dBar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
495
|
+
| VueUiAgePyramid | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
496
|
+
| VueUiCandlestick | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
497
|
+
| VueUiChestnut | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
494
498
|
| VueUiDonut | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
495
|
-
|
|
|
496
|
-
|
|
|
497
|
-
|
|
|
498
|
-
|
|
|
499
|
-
| VueUiRadar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
500
|
-
| VueUiQuadrant | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
499
|
+
| VueUiDonutEvolution | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
500
|
+
| VueUiDumbbell | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
501
|
+
| VueUiFlow | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
502
|
+
| VueUiGalaxy | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
501
503
|
| VueUiGauge | optionPdf, optionImg, optionFullscreen |
|
|
502
|
-
| VueUiWheel | optionPdf, optionImg, optionFullscreen |
|
|
503
|
-
| VueUiTiremarks | optionPdf, optionImg, optionFullscreen |
|
|
504
|
-
| VueUiChestnut | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
505
|
-
| VueUiOnion | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
506
|
-
| VueUiVerticalBar | optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen |
|
|
507
504
|
| VueUiHeatmap | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
508
|
-
|
|
|
509
|
-
|
|
|
510
|
-
|
|
|
511
|
-
|
|
|
512
|
-
|
|
|
513
|
-
|
|
|
514
|
-
| VueUiSparkgauge | (no user options menu) |
|
|
515
|
-
| VueUiSparkTrend | (no user options menu) |
|
|
505
|
+
| VueUiMolecule | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
506
|
+
| VueUiMoodRadar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
507
|
+
| VueUiNestedDonuts | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
508
|
+
| VueUiOnion | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
509
|
+
| VueUiParallelCoordinatePlot | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
510
|
+
| VueUiQuadrant | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
516
511
|
| VueUiQuickChart | optionPdf, optionImg, optionFullscreen |
|
|
517
|
-
|
|
|
512
|
+
| VueUiRadar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
518
513
|
| VueUiRelationCircle | optionPdf, optionImg, optionFullscreen |
|
|
519
|
-
| VueUiThermometer | optionPdf, optionImg, optionFullscreen |
|
|
520
514
|
| VueUiRings | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
521
|
-
|
|
|
522
|
-
|
|
|
523
|
-
|
|
|
524
|
-
|
|
|
525
|
-
|
|
|
515
|
+
| VueUiScatter | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
516
|
+
| VueUiSparkHistogram | (no user options menu) |
|
|
517
|
+
| VueUiSparkStackbar | (no user options menu) |
|
|
518
|
+
| VueUiSparkTrend | (no user options menu) |
|
|
519
|
+
| VueUiSparkbar | (no user options menu) |
|
|
520
|
+
| VueUiSparkgauge | (no user options menu) |
|
|
521
|
+
| VueUiSparkline | (no user options menu) |
|
|
526
522
|
| VueUiStripPlot | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen |
|
|
527
|
-
| VueUiDumbbell | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
528
|
-
| VueUi3dBar | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
529
|
-
| VueUiTableSparkline | optionPdf, optionImg, optionCsv, optionFullscreen |
|
|
530
523
|
| VueUiTableHeatmap | optionPdf, optionImg, optionCsv, optionFullscreen |
|
|
524
|
+
| VueUiTableSparkline | optionPdf, optionImg, optionCsv, optionFullscreen |
|
|
525
|
+
| VueUiThermometer | optionPdf, optionImg, optionFullscreen |
|
|
526
|
+
| VueUiTiremarks | optionPdf, optionImg, optionFullscreen |
|
|
527
|
+
| VueUiTreemap | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
528
|
+
| VueUiVerticalBar | optionPdf, optionImg, optionCsv, optionTable, optionSort, optionFullscreen |
|
|
529
|
+
| VueUiWaffle | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
530
|
+
| VueUiWheel | optionPdf, optionImg, optionFullscreen |
|
|
531
531
|
| VueUiWordCloud | optionPdf, optionImg, optionCsv, optionTable, optionFullscreen |
|
|
532
|
-
|
|
|
533
|
-
|
|
|
532
|
+
| VueUiXy | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack |
|
|
533
|
+
| VueUiXyCanvas | optionPdf, optionImg, optionCsv, optionTable, optionLabels, optionFullscreen, optionStack |
|
|
534
534
|
|
|
535
535
|
# Custom palette
|
|
536
536
|
|
|
@@ -567,3 +567,69 @@ It is possible to provide a custom palette in the config prop through config.cus
|
|
|
567
567
|
|
|
568
568
|
If the array of colors provided in customPalette is too small for the dataset, remaining colors will be computed from the default internal palette.
|
|
569
569
|
Accepted color formats: HEX, RGB, HSL, named colors.
|
|
570
|
+
|
|
571
|
+
# Responsive charts
|
|
572
|
+
|
|
573
|
+
By default, all charts will scale to the width of their container.
|
|
574
|
+
However the folowing charts can be made fully responsive, making them better to use in resizable containers:
|
|
575
|
+
|
|
576
|
+
- VueUiQuickChart
|
|
577
|
+
- VueUiXy
|
|
578
|
+
- VueUiDonut
|
|
579
|
+
- VueUiNestedDonuts
|
|
580
|
+
- VueUiOnion
|
|
581
|
+
|
|
582
|
+
To activate responsiveness, set the config.responsive attribute to true:
|
|
583
|
+
|
|
584
|
+
```js
|
|
585
|
+
const config = ref({
|
|
586
|
+
responsive: true,
|
|
587
|
+
// rest of your config
|
|
588
|
+
});
|
|
589
|
+
```
|
|
590
|
+
|
|
591
|
+
The responsive attribute will be added to all charts that would require it when placed in a resizable context.
|
|
592
|
+
The following table lays out the current state of this rollout:
|
|
593
|
+
|
|
594
|
+
| Component | Responsive feature implemented | Will most probably be implemented |
|
|
595
|
+
| --------------------------- | ------------------------------ | --------------------------------- |
|
|
596
|
+
| VueUi3dBar | ❌ | ✅ |
|
|
597
|
+
| VueUiAgePyramid | ❌ | ✅ |
|
|
598
|
+
| VueUiCandlestick | ❌ | ✅ |
|
|
599
|
+
| VueUiChestnut | ❌ | ✅ |
|
|
600
|
+
| VueUiDonut | ✅ | Done in v2.2.52 |
|
|
601
|
+
| VueUiDonutEvolution | ❌ | ✅ |
|
|
602
|
+
| VueUiDumbbell | ❌ | ✅ |
|
|
603
|
+
| VueUiFlow | ❌ | ✅ |
|
|
604
|
+
| VueUiGalaxy | ❌ | ✅ |
|
|
605
|
+
| VueUiGauge | ❌ | ✅ |
|
|
606
|
+
| VueUiHeatmap | ❌ | ❌ |
|
|
607
|
+
| VueUiMolecule | ❌ | ❌ |
|
|
608
|
+
| VueUiMoodRadar | ❌ | ✅ |
|
|
609
|
+
| VueUiNestedDonuts | ✅ | Done in v2.2.52 |
|
|
610
|
+
| VueUiOnion | ✅ | Done in v2.2.52 |
|
|
611
|
+
| VueUiParallelCoordinatePlot | ✅ | Done in v2.2.53 |
|
|
612
|
+
| VueUiQuadrant | ❌ | ✅ |
|
|
613
|
+
| VueUiQuickChart | ✅ | Done in v2.2.52 |
|
|
614
|
+
| VueUiRadar | ✅ | Done in v2.2.53 |
|
|
615
|
+
| VueUiRelationCircle | ❌ | ✅ |
|
|
616
|
+
| VueUiRings | ✅ | Done in v2.2.53 |
|
|
617
|
+
| VueUiScatter | ❌ | ✅ |
|
|
618
|
+
| VueUiSparkHistogram | ❌ | ❌ |
|
|
619
|
+
| VueUiSparkStackbar | ❌ | ❌ |
|
|
620
|
+
| VueUiSparkTrend | ❌ | ❌ |
|
|
621
|
+
| VueUiSparkbar | ❌ | ❌ |
|
|
622
|
+
| VueUiSparkgauge | ❌ | ❌ |
|
|
623
|
+
| VueUiSparkline | ❌ | ❌ |
|
|
624
|
+
| VueUiStripPlot | ❌ | ✅ |
|
|
625
|
+
| VueUiTableHeatmap | ❌ | ❌ |
|
|
626
|
+
| VueUiTableSparkline | ❌ | ❌ |
|
|
627
|
+
| VueUiThermometer | ❌ | ✅ |
|
|
628
|
+
| VueUiTiremarks | ❌ | ✅ |
|
|
629
|
+
| VueUiTreemap | ✅ | Done in v2.2.53 |
|
|
630
|
+
| VueUiVerticalBar | ❌ | ✅ |
|
|
631
|
+
| VueUiWaffle | ❌ | ✅ |
|
|
632
|
+
| VueUiWheel | ❌ | ✅ |
|
|
633
|
+
| VueUiWordCloud | ❌ | ✅ |
|
|
634
|
+
| VueUiXy | ✅ | Done in v2.2.52 |
|
|
635
|
+
| VueUiXyCanvas | ❌ | ✅ |
|