VueUiScatter added marginal bars

VueUiScatter

• Added the possibility to display marginal bars on x and y axis to show distribution breakdowns:

config.style.layout.marginalBars:

{
  show: boolean;
  size: number;
  tranches: number;
  opacity: number;
  fill: string;
  strokeWidth: number;
  offset: number;
  borderRadius: number;
  useGradient: boolean;
}

Improved documentation

This release adds a documentation directory into the dist directory of the package, with a comprehensive .md file with all basic info you need to get going.
Just in case you need to dev while offline :)

VueUiDonut, VueUiOnion improvements

VueUiDonut :

• Average label is hidden during serie segregation animation

VueUiOnion :

• Track sizes remain the same when series are segregated

Improved #legend slot

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

Minor fixes

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 new component

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 animation

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 donut animation

VueUiQuickChart

• Added smooth animation on donuts when series are segregated

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

VueUiQuickChart fixes

VueUiQuickChart

Fixed errors when a datapoint has a 0 value.

VueUiQuickChart axis labels

VueUiQuickChart

Added axis labels config options:

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

Color will be inherited from the existing config.color