Vue Data Ui Versions Save

VueUiRadar

• Fixed tooltip default embedded bar chart not showing when tooltip.customFormat is set to null (which is the default value).

VueUiXy

• Fixed zoom.color config option not applied. (It is planned to make the zoom component better and more customizable in the future)

VueUiSparkStackbar

• Fixed bold config option on legend name not applied

VueUiCandlestick

• Fixed Y axis scale steps config option not applied

VueUiGauge

• Fixed harmless console error related to pointy arrow path painted before data is computed when animation is enabled

VueUiHeatmap

• Fixed border radius config option not applied on bottom legend

VueUiQuadrant

• Fixed @selectSide emit not applied

VueUiOnion :

• Fixed undefined showing in table in value column when prefix or suffix attributes are not present in datapoints
• Fixed tooltip showValue & showPercentage config options not applied
• Fixed wrong config reference on data labels offsetY

VueUiXy

• Fixed issues when any datapoint's series contains a null value
• In stacked mode, when segregating series, the remaining series now redistribute the available height

VueUiRadar

• Hide tooltip's built in bar chart when tooltip.customFormat is enabled
• Fixed polygons still showing when segregating series, when useCssAnimation is set to false

This release fixes the tooltip.fontSize config option not applied on all components bearing tooltips.

VueUiXy

Added more config options:

config.chart.timeTag to display the x value at selected index. (Define all time values in config.chart.grid.labels.xAxisLabels.values). If values are not defined, the selectedIndex will be displayed.

timeTag: {
  show: boolean; // default: false
  backgroundColor: string; // default #E1E5E8
  color: string; // default: #2D353C
  fontSize: number; // default: 12
  circleMarker: {
    color: string; // default: #2D353C
    radius: number: // default: 3
  }
}

Also added options in config.chart.highlighter to display a vertical line when hovering on the chart:

highlighter: {
  ...,
  useLine: boolean; // default: false
  lineDasharray: number; // default: 2
  lineWidth: number; // default: 1
}

VueUiXy

Added further customization options in stacked mode:

1. Dataset: datapoints can have the following optional attributes:

• autoScaling: boolean; // Will attempt to produce the best individual scale from the datapoints
• stackRatio: number; (0 to 1) // Force the height ratio of the datapoint to take a larger | smaller height size on the chart. If not all datapoints have a stackRatio, it will be computed from the remaining space available

2. Config:

• Added config.chart.grid.labels.xAxis.showBaseline (boolean; default: true), to display the base x axis line

VueDataUi universal component was refactored to use dynamic imports, to only use the selected component, which will reduce bundle size.