Disabling hover via onover/onout breaks other legend behavior

[kmatarese]

Description

I was trying to disable legend hover behavior for charts that have a lot of data/series since it can slow down the UI and/or become a little less useful. It seems to break some of the legend behavior, at least with the approach I took. Perhaps a simple flag to do this would be useful. Thanks.

Steps to check or reproduce

Using Firefox 79.0 on OS X 10.14.

https://r4ytef.run.stackblitz.io

import "billboard.js/dist/theme/insight.css";
import bb from "billboard.js";

bb.generate({
	data: {
		columns: [
			["data1", 500, 350, 300, 0, 0, 0],
			["data2", 230, 100, 140, 200, 150, 50]
		]
	},
  legend: {
    show: true,
    // Disabling hover breaks other logic it seems. For example if you
    // click to remove a series it remains highlighted in the legend. Maybe
    // there is a better way to do it.
    item: {
      onover: (x) => {},
      onout: (x) => {}
    }
  },
});

[netil]

One of the alternative is removing event bound for legend elements.

const chart = bb.generate({
	data: { ... },
	onafterinit: function() {
                // will remove 'mouseover & mouseout' event listeners
		this.$.legend.selectAll("g").on("mouseover mouseout", null);
	}
});