Chartjs-Showing united border for columns in stacked barchart of chart js on hover?

by

0👍

I got it))

All I had to do is add another bar with the transparent background and border on hover

{
  type:              'bar' as ChartType,
  label:             '',
  data:              data.map(item => item.thirdValue + item.secondValue + item.firstValue),
  backgroundColor:   `transparent`,
  barPercentage:     0.3,
  hoverBorderRadius: 8,      
  borderColor:       'rgb(153, 102, 255)',
  hoverBorderWidth:  5,
},

Leave a comment