Interactivity

If `true`, the component emits events when interacting with the bars.

The payload is an object `{id: key}` (`key` being the key of the bar we interacted with)

• Clicking on a bar dispatches a `clicked` event: `dispatch('clicked', {id: key})`.

• Mouse-entering a bar dispatches a `entered` event: `dispatch('entered', {id: key})`.

• Mouse-exiting a bar dispatches a `exited` event: `dispatch('exited', {id: key})`.

Please hover and click the bars of this barchart to read the correspondent event payload below.

Choose an example

Usage

<BarchartVDiv
  {items}
  isInteractive={true}
  on:clicked={onClicked}
  on:entered={onEntered}
  on:exited={onExited}
/>

Props

isInteractive

items

title