vue-data-ui 2.2.60 → 2.2.62

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.
Files changed (7) hide show
  1. package/README.md +43 -50
  2. package/dist/{index-1b291f37.js → index-421abfa6.js} +15765 -15695
  3. package/dist/{index.es-c3a58cf2.js → index.es-182449ee.js} +1 -1
  4. package/dist/style.css +1 -1
  5. package/dist/types/vue-data-ui.d.ts +7 -4
  6. package/dist/vue-data-ui.js +1 -1
  7. package/package.json +1 -1
package/README.md CHANGED
@@ -573,11 +573,48 @@ Accepted color formats: HEX, RGB, HSL, named colors.
573
573
  By default, all charts will scale to the width of their container.
574
574
  However the folowing charts can be made fully responsive, making them better to use in resizable containers:
575
575
 
576
- - VueUiQuickChart
577
- - VueUiXy
578
- - VueUiDonut
579
- - VueUiNestedDonuts
580
- - VueUiOnion
576
+ | Component | Responsive feature implemented |
577
+ | --------------------------- | ------------------------------ |
578
+ | VueUi3dBar | - |
579
+ | VueUiAgePyramid | ✅ |
580
+ | VueUiCandlestick | ✅ |
581
+ | VueUiChestnut | - |
582
+ | VueUiDonut | ✅ |
583
+ | VueUiDonutEvolution | - |
584
+ | VueUiDumbbell | ✅ |
585
+ | VueUiFlow | - |
586
+ | VueUiGalaxy | - |
587
+ | VueUiGauge | ✅ |
588
+ | VueUiHeatmap | - |
589
+ | VueUiMolecule | - |
590
+ | VueUiMoodRadar | - |
591
+ | VueUiNestedDonuts | ✅ |
592
+ | VueUiOnion | ✅ |
593
+ | VueUiParallelCoordinatePlot | ✅ |
594
+ | VueUiQuadrant | ✅ |
595
+ | VueUiQuickChart | ✅ |
596
+ | VueUiRadar | ✅ |
597
+ | VueUiRelationCircle | ✅ |
598
+ | VueUiRings | ✅ |
599
+ | VueUiScatter | ✅ |
600
+ | VueUiSparkHistogram | - |
601
+ | VueUiSparkStackbar | - |
602
+ | VueUiSparkTrend | - |
603
+ | VueUiSparkbar | - |
604
+ | VueUiSparkgauge | - |
605
+ | VueUiSparkline | - |
606
+ | VueUiStripPlot | ✅ |
607
+ | VueUiTableHeatmap | - |
608
+ | VueUiTableSparkline | - |
609
+ | VueUiThermometer | - |
610
+ | VueUiTiremarks | - |
611
+ | VueUiTreemap | ✅ |
612
+ | VueUiVerticalBar | ✅ |
613
+ | VueUiWaffle | ✅ |
614
+ | VueUiWheel | ✅ |
615
+ | VueUiWordCloud | ✅ |
616
+ | VueUiXy | ✅ |
617
+ | VueUiXyCanvas | ✅ |
581
618
 
582
619
  To activate responsiveness, set the config.responsive attribute to true:
583
620
 
@@ -588,48 +625,4 @@ const config = ref({
588
625
  });
589
626
  ```
590
627
 
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 | ✅ | Done in v2.2.54 |
598
- | VueUiCandlestick | ✅ | Done in v2.2.54 |
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 | ✅ | Done in v2.2.55 |
613
- | VueUiQuickChart | ✅ | Done in v2.2.52 |
614
- | VueUiRadar | ✅ | Done in v2.2.53 |
615
- | VueUiRelationCircle | ✅ | Done in v2.2.55 |
616
- | VueUiRings | ✅ | Done in v2.2.53 |
617
- | VueUiScatter | ✅ | Done in v2.2.55 |
618
- | VueUiSparkHistogram | - | ❌ |
619
- | VueUiSparkStackbar | - | ❌ |
620
- | VueUiSparkTrend | - | ❌ |
621
- | VueUiSparkbar | - | ❌ |
622
- | VueUiSparkgauge | - | ❌ |
623
- | VueUiSparkline | - | ❌ |
624
- | VueUiStripPlot | ✅ | Done in v2.2.55 |
625
- | VueUiTableHeatmap | - | ❌ |
626
- | VueUiTableSparkline | - | ❌ |
627
- | VueUiThermometer | - | ❌ |
628
- | VueUiTiremarks | - | ❌ |
629
- | VueUiTreemap | ✅ | Done in v2.2.53 |
630
- | VueUiVerticalBar | ✅ | Done in v2.2.60 |
631
- | VueUiWaffle | ✅ | Done in v2.2.55 |
632
- | VueUiWheel | ❌ | ✅ |
633
- | VueUiWordCloud | ✅ | Done in v2.2.60 |
634
- | VueUiXy | ✅ | Done in v2.2.52 |
635
- | VueUiXyCanvas | ✅ | Done in v2.2.60 |
628
+ **Important:** when using the responsive feature, charts must be placed inside a container with fixed dimensions. Avoid setting a 100% height to this container, as it will result in the chart growing infinitely.