v2.3.95

VueUiDonut

1. Add new layout option to display the chart as a Polar area:

config.type: "classic" | "polar"; // default: "classic"

Docs are up to date.

Enregistrement.de.l.ecran.2024-11-16.a.11.24.02.mov

2. Fix a bug showing NaN values in the data table

v2.3.93

VueUiWordCloud

• Add tooltip
• Improve zoom functionality

Docs are up to date.

Enregistrement.de.l.ecran.2024-11-15.a.17.57.45.mov

v2.3.91

VueUiDonut

Remove excess % symbol in tooltip (see #120)

Other

Add package version in desc element in svgs

v2.3.90

PDF & IMG generation

Use dynamic import of html2canvas and JsPdf only when print functionality is used.
See #116

VueUiSparkStackbar

• Fix NaN values displayed in legend
• Display an empty bar when total is 0

v2.3.88

All components with smooth lines

Improved smooth line generation to avoid weird dips in some cases. See #114

VueUiXy

New config attributes to customize datapoint dots (line and plot types of datasets) see #115

// for line type
config.line.dot.useSerieColor: boolean; // default: true, config.line.useGradient must be set to false
config.line.dot.fill: string; // default: '#FFFFFF', config.line.useGradient must be set to false
config.line.dot.strokeWidth: number; // default: 0.5

// for plot type
config.plot.dot.useSerieColor: boolean; // default: true, config.line.useGradient must be set to false
config.plot.dot.fill: string; // default: '#FFFFFF', config.line.useGradient must be set to false
config.plot.dot.strokeWidth: number; // default: 0.5

v2.3.86

All components with a menu

A config attribute was added to control the position of the menu.

config.userOptions.position: 'right' | 'left'; // default: 'right'

The same attribute for VueUiQuickChart:

config.userOptionsPosition: 'right' | 'left'; // default: 'right'

VueUiWheel

A config attribute was added to control the ticks size:

config.style.chart.layout.wheel.ticks.sizeRatio: number; // from 0 to 1, default: 0.9

Examples:

Default sizeRatio=0.9	sizeRatio=1	sizeRatio=0

v2.3.85

All chart components

Set SVG background color to transparent to avoid background layering effect when chart background color has transparency.

VueUiXy

Add optional attributes in dataset items: prefix and suffix

const dataset = ref({
   name: 'Serie 1',
   series: [0, 1, 1, 2, 3, 5],
   ... //
   prefix: '',
   suffix: '%'
});

These attributes will take precedence over the config.chart.labels.prefix and config.chart.labels.suffix. See #113

Prefix and | or suffix are displayed on the y axis labels, as well as on datapoint labels.

A new config was also added on the data table to show or hide the sum column (as it does not make sense when showing multiple series with different types of values).

config.table.showSum: boolean; // default: true

v2.3.82

VueUiNestedDonuts

Improve gradients layout (now always centered).

Enregistrement.de.l.ecran.2024-11-11.a.08.11.20.mov

VueUiDonut

Force minimum donut thickness.

VueUiQuickChart

Fix data label markers links too short in donut mode

VueUiDonutEvolution

Fix data label markers links too short in hover mode

v2.3.79

VueUiDonut & VueUiGauge

Fix bleeding gradients when background is transparent.

v2.3.77

All Vue Data Ui components

🎨 This release adds support for transparent colors passed in props (dataset, config).