v2.4.5

Source slot

All chart components now expose a #source slot, to display a source caption under your chart.

Usage:

<VueUiDonut :dataset="dataset" :config="config">
  <template #source>
    <div style="font-size: 10px">
      Source: Lorem ipsum...
    </div>
  </template>
</VueUiDonut>

An example is featured on the documentation page

v2.4.2

New user option: annotator ✍️

Most charts now have the annotator user option, available in the chart top menu, which allows end users to draw live annotations on charts. These annotations can be saved using pdf of img download. A nice feature when people talk around a chart.

When activated, the annotator shows a set of 5 actions:

• Close the annotator
• Change the pen color
• Undo
• Redo
• Delete all annotations

By default, this feature is enabled.
To disable this feature, set the following config attribute to false.

userOptions.buttons.annotator: boolean; // default: true

To change the tooltip label of the action button:

userOptions.buttonTitles.annotator: string: // default: "Toggle annotator"

Enregistrement.de.l.ecran.2024-11-23.a.18.44.39.mov

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