Skip to content

Releases: graphieros/vue-data-ui

v2.3.20

08 Oct 12:35
Compare
Choose a tag to compare

This release adds a new mini component: VueUiGizmo

It comes for now in 2 types: "battery" or "gauge". More types may be added in the future.
Check it out here

v2.3.19

07 Oct 16:27
Compare
Choose a tag to compare

This release adds the #watermark slot to most charts.

image

Usage:

<VueUiDonut :config="config" :dataset="dataset">
  <template #watermark="{ isPrinting }">
    <div
      v-if="isPrinting"
      style="font-size: 100px; opacity: 0.1; transform: rotate(-10deg)"
    >
      WATERMARK
    </div>
  </template>
</VueUiDonut>

The slot exposes the isPrinting boolean, should you wish to display the watermark only on the downloaded pdf or png.
The list of components supporting this slot is available on the README

v2.3.17

06 Oct 22:11
Compare
Choose a tag to compare

VueUiGauge: fix title textAlign config option not applied

v2.3.16

06 Oct 21:27
Compare
Choose a tag to compare

Titles on charts were centered by default.
This release adds config options to all charts with titles to manage alignment:

textAlign: "left" | "center" | "right"; // default: "center"
paddingLeft: number; // default: 0
paddingRight: number; // default: 0

v2.3.14

05 Oct 04:21
Compare
Choose a tag to compare

VueUiSparkbar : fix bar overflow issue when value > 100 in percentage mode (issue)

v2.3.13

04 Oct 15:53
Compare
Choose a tag to compare

VueUiSparkHistogram :
. Allow individual datapoints color with the color dataset attribute:

const dataset = ref<VueUiSparkHistogramDatasetItem[]>(
  {
    value: 1.2,
    intensity: 1,
    valueLabel: '20%',
    timeLabel: '09:00',
    color: '#FF0000', // this color will only be applied on this datapoint
  },
  {
    value:  1.3,
    intensity: 0.6,
    valueLabel: '50%',
    timeLabel: '10:00'
  }, // color for this datapoint will depend on the config (default behavior)
  ...
)
Capture d’écran 2024-10-04 à 17 44 18

VueUiSparkbar : add new datalabel position options (config.style.labels.name.position):

  • left
  • top-left (default)
  • top-center
  • top-right
  • right

The legacy 'top' which used to be the default will fallback to 'top-left', so no breaking change here.

Thanks @zcodecn for suggesting these improvements :)

v2.3.11

04 Oct 07:25
Compare
Choose a tag to compare

VueUiSparkbar: fix TS type def errors

v2.3.10

04 Oct 06:20
Compare
Choose a tag to compare

VueUiSparkbar : fix chart not updating when dataset changes dynamically

v2.3.9

03 Oct 15:35
Compare
Choose a tag to compare

VueUiWaffle : keep cells centered when using spaceBewteen config option

VueUiCarouselTable : improved to work with any cell height

v2.3.8

03 Oct 04:56
Compare
Choose a tag to compare

VueUiHeatmap : Base legend gauge line color on selected cell color & remove leftover log

VueUiCarouselTable: Remove harmless error