v2.4.1

New component : VueUiBullet

A Bullet Graph is a compact visualization tool for performance data, which includes additional elements such as a target and ranges to provide richer context. This component offers a space-efficient alternative to traditional gauge charts.

Try it out on the documentation page.
A chart maker is also available:)

Enregistrement.de.l.ecran.2024-11-21.a.16.20.43.mov

v2.4.0

VueUiDonut

Apply shadow option in polar mode

VueUiRating & VueUiSmiley

• Improved reactivity
• New config options:

1. Label formatter callbacks to customize labels:

config.style.rating.formatter: Function | null; // default: null
config.style.tooltip.formatter: Function | null; // default: null

Example implementation:

const config = ref({
  style: {
    rating: {
      formatter: ({ value }) => {
        return `Rating: ${value}`;
      }
    }
  }
});

2. Rounding value config option for tooltips:

config.style.tooltip.roundingValue: number: // default: 0

v2.3.99

VueUiQuickChart

Fix bug causing dataset series names to be ignored. (fixes #122)

VueUiCarouselTable

Fix pause on hover optional feature not working.

VueUiIcon

• Improve shapes for star and starFilled icons
• Add starFace icon

v2.3.98

• Improve smooth line algorithm to fix dips in some edge cases
• Update chartAgePyramid icon
• VueUiXy: expose seriesIndex and datapointIndex in #plot-comment slot
• VueUiScatter: fix regression affecting smooth line on vertical marginal bar

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