I use a standalone chart from the Ag Grid library and want to manipulate manually which legend items should be shown/selected by default. I didn't find any specific API/property which can cover this use-case.

E.g., I want to see selected only the diesel legend item (and petrol should be shown unselected),

AgChartsReact always shows all legend items.

What did I investigate and try?

The chart is a canvas element, so I thought that it is possible to manipulate legend items from the canvas context, which I can get with useRef hook. But I cannot find how exactly it can be done and is it possible? Here is a ref to Plunker

UPD:

if someone is looking for how to store the data which legends is active or not, here is a function to get this (the same function you will find in Plunker):

const getLegendStatuses = () => {
const [changeEvent] = chartRef.current.chart.legend.allEventListeners.get("change");

const [, data] = changeEvent;

const [event] = data;
console.log(
  event.data.map(({ enabled, label }) =>  ({ label: label.text, enabled }))
);

}