How can I use the script to manipulate the legends in the apexcharts in ignition perspective

[Rohan_raj]

Scripts to remove the legends that are not present in the graphs right now:

var elements = document.querySelectorAll('.apexcharts-legend-series');
elements.forEach(function(element) {
    var seriesName = element.getAttribute('seriesname');
    if (!seriesName) {
        element.remove();
    }
});

After applying script from console:

[bmusson]

I don’t know of a way to filter legend entries with ApexCharts.

However, my Chart.js component does have this ability through its options.plugins.legend.labels.filter scriptable property.

Musson Industrial’s Embr-Charts Module

Embr-Charts Musson Industrial is excited to announce the release of embr-charts, an Ignition module that adds a collection of enhanced Perspective charting components. Chart.js Component This initial release contains a Chart.js component. [image] Chart.js renders chart elements on an HTML5 canvas unlike other D3.js-based charting libraries that render as SVG. Canvas rendering makes Chart.js very performant, especially for large datasets and compl…

Legend | Chart.js

[victordcq]

juding from your js, this can probably be done with css.

which chart is this, could you share the view (with bindings disabled)

[Rohan_raj]

I'm using rangeBar in ApexChart

[victordcq]

This is from a seprate module than?

You'll have to send me a copy of the html of the chart

but my first guess is something like this, judging from the js

.apexcharts-legend-series[seriesname=""]{
    display:none;
}

you can add this in the advanded stylesheet

[Rohan_raj]

Thanks, it's working!