Vue Data Ui Versions Save

VueUiDonut :

• Average label is hidden during serie segregation animation

VueUiOnion :

• Track sizes remain the same when series are segregated

This release adds segregation reactivity to #legend slots, exposing the following additional attributes you can use on your custom legend:

• segregate (function): will update the chart without the segregated series (just like the built-in default legend does)
• isSegregated (boolean): true if the series is segregated

<VueUiDonut
  :dataset="dataset"
  :config="config"
>
  <template #legend="{ legend }">
    <div :style="`opacity:${legend.isSegregated ? '0.5' : '1'}`" @click="legend.segregate()">
      {{ legend.name }}
    </div>
  </template>
</ VueUiDonut>

The following components are concerned:

• VueUiDonut
• VueUiDonutEvolution
• VueUiNestedDonuts
• VueUiXy
• VueUiGalaxy
• VueUiIOnion
• VueUiQuadrant
• VueUiRadar
• VueUiRings
• VueUiScatter
• VueUiVerticalBar
• VueUiWaffle

VueUiDonut

• Fixed config.useCssAnimation not applied on data labels

VueUiQuickChart

• Fixed offset affecting zero axis when negative values are present in dataset, on line & bar charts.

VueUiSparkTrend is ideal to show a quick trend line chart, with 3 ways to calculate the trend:

• global: takes into account all the values to calculate the trend
• n-1: the last value / the previous value before the last
• lastToFirst: the last value / the first value

VueUiDonut

Added smooth animation on serie segregation.

Minor breaking change: the component does not sort automatically dataset by values anymore, therefore it is recommended to send sorted data to the component beforehand, for a better presentation (it looks cleaner when a donut is sorted). Keeping the auto sort would have led to a janky animation.

VueUiQuickChart

• Added smooth animation on donuts when series are segregated

This feature will most probably soon be rolled out to VueUiDonut too.

VueUiQuickChart

Fixed errors when a datapoint has a 0 value.

VueUiQuickChart

Added axis labels config options:

• config.axisLabelsFontSize
• config.xAxisLabel
• config.yAxisLabel

Color will be inherited from the existing config.color

VueUiQuadrant :

• improved zoom animation
• new config option: config.zoomAnimationFrames

types/vue-data-ui.d.ts:

• fixed error in VueUiQuickChartDatasetObjectItem type

VueUiQuadrant

Removed janky animation when zooming on a quadrant's side. A better animation is in the works.