github graphieros/vue-data-ui v3.13.0

7 hours ago

Legend toggle new feature #297

Add a toggle in legends, to unselect/select all series.
This feature is opt-in, therefore default behavior remains unchanged.

Enregistrement.de.l.ecran.2026-01-24.a.08.18.06.mov

This feature is available on the following charts:

  • VueUiDonut
  • VueUiDonutEvolution
  • VueUiGalaxy
  • VueUiHistoryPlot
  • VueUiHorizontalBar
  • VueUiNestedDonuts
  • VueUiOnion
  • VueUiParallelCoordinatePlot
  • VueUiQuadrant
  • VueUiQuickChart
  • VueUiRadar
  • VueUiRidgeline
  • VueUiRings
  • VueUiScatter
  • VueUiSparkStackbar
  • VueUiStackbar
  • VueUiStackline
  • VueUiTreemap
  • VueUiWaffle
  • VueUiWorld
  • VueUiXy
  • VueUiXyCanvas

New legend config options:

{
  ...
  legend: {
    ...
    selectAllToggle: {
      show: false, // set to true to enable the feature
      backgroundColor: '#E1E5E8',
      color: '#2D353C'
    }
  }
}

When selectAllToggle.show is set to true, a checkbox will be displayed in the legend, if the number of series is higher than 2.

Docs are up to date

Don't miss a new vue-data-ui release

NewReleases is sending notifications on new releases.