VueUiXy minor fix

Fixed edge case

VueUiHeatmap bottom legend redesign

Redesigned VueUiHeatmap legend in bottom position with the same layout as right position.

VueUiScatter axis fix

This release fixes an issue with axis when all values were positive & > 0

VueUiXy bar labels

VueUiXy

Improved bar label options under config.bar.serieName, allowing the display of abbreviated serie names.

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