VueUiSparkline layout fixes

This release fixes layout issues.

Mini charts click events

This version adds click events to all mini charts:

VueUiSparkline
VueUiSparkbar
VueUiSparkStackbar
VueUiSparkHistogram

use the @selectDatapoint event on the component to retrieve the selected datapoint and index

<VueUiSparkbar
  :dataset="dataset"
  :config="config"
  @selectDatapoint="selectDatapoint"
/>

function selectDatapoint({ datapoint, index }) {
  console.log({ datapoint, index })
}

Headless custom tooltips

When using the customFormat tooltip config option, tooltips are headless.

Custom styles can be applied by targeting the following css class:

.vue-data-ui-custom-tooltip

Custom tooltips

All charts with tooltips now have a customFormat tooltip config option, allowing to customize the tooltip contents.
This config option is set to null by default, resulting in the default tooltip behavior.

customFormat: ({ seriesIndex, datapoint, series, config }) => {
// use the args to build your custom content
return <div>...your content here</div>
}
customFormat must return a string.

Custom toolltips

All charts with tooltips now have a customFormat tooltip config option, allowing to customize the tooltip contents.
This config option is set to null by default, resulting in the default tooltip behavior.

customFormat: ({ seriesIndex, datapoint, series, config }) => {
  // use the args to build your custom content
  return `<div>...your content here</div>`
}

customFormat must return a string.

VueUiQuadrant

VueUiQuadrant

• added style.chart.layout.labels.plotLabels.showAsTag config option

VueUiDonutEvolution fix

VueUiDonutEvolution

• fixed config option style.chart.layout.grid.xAxis.dataLabels.showOnlyFirstAndLast not being applied

VueUiSparkbar minor fix

VueUiSparkbar fixed options which were not applied:

• style.fontFamily
• style.backgroundColor

VueUiHeatmap & VueUiQuadrant fixes

VueUiHeatmap :

• improved right legend layout
• fixed cells centering when spacing is applied

VueUiQuadrant :

• fixed a bug causing negative value datapoints overflowing from the grid

VueUiXy fix

Fixed a bug introduced in previous release, which breaked the chart if partial config prop was passed to the component.