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.

VueUiXy fix

Fixed issues occurring in sparkline data table when dataset series are of uneven length.

VueUiXy data table update

Added an option to display data table with sparklines in the VueUiXy component.

New config option:

config.table.sparkline: boolean; (default: true)