v2.3.31

VueUiParallelCoordinatePlot : add formatters (see v2.3.30)

VueUiWaffle: fix regression preventing the use of the #cell slot

v2.3.30

This release adds the new formatter config attribute to all charts with data labels, to give you more control on their formatting.

const config = ref({
  // The formatter attribute is generally located in labels or dataLabels attributes, you can find them in the docs
  formatter: ({ value, config }) => {
    // the config param gives additional data you may require in some cases
    return `my format: ${value.toLocaleString('de-DE')}`;
  }
});

The following charts have the formatter located in the dataset, and not the config:
. VueUiSparkbar
. VueUiRadar

v2.3.28

This release adds an optional zoom feature on VueUiWordCloud:

Enregistrement.de.l.ecran.2024-10-19.a.10.02.02.mov

Try it out here

v2.3.27

This release adds a new component: VueUiStackbar

The docs are almost ready, you can already play with the config here.
A chart maker is also available, to quickly scaffold your chart component.

Default layout:

Layout with the distributed config option:

This new component was added to answer #80

I'm not a huge fan of this visualization in general, as it can be hard for users to understand variations.
But hey, it's up to the devs to provide readable datasets ;)

v2.3.26

VueUiWaffle : fixed a bug related to bad proportion calculations.

See issue #81

v2.3.25

VueUiKpi: fix dataset reactivity issues

See issue #78

v2.3.24

VueUiCarouselTable

Overflowing rows are now hidden, to avoid seeing them under the thead when its background has transparency.

See issue #77

v2.3.23

Fix typo in .d.ts file

v2.3.22

This release improves the tooltip behavior when it reaches chart borders.

Additional config attributes are also added to customize the tooltip position. A centered position relative to the mouse position used to be imposed, I figured it would be nice to leave it to the users what they prefer.

{
  ...
  position: "left" | "center" | "right"; // default: "center" (previous behavior)
  offsetY: number;  // default: 24
}

For VueUiQuickChart, these config attributes are as follows:

{
  ...
  tooltipPosition,
  tooltipOffsetY
}

Docs are updated.
For chart makers you might need to click "Clear local storage for this chart" to reset your local storage with up to date config.

v2.3.21

VueUiGizmo: fix gauge proportion not exact