How to disable series low opacity state on concrete legend item hover?

Viewed 23

My problem is that I can't disable low opacity state only on "Total" legend item hover. I this case I use "Total" only to display sum of all series and it has no data for display. Also I have callback on "Total" click.

enter image description here

Next example works fine for me, but not in Safari. "Total" is not hoverable and not clickable in Safari.

const series = [
  {
    name: 'Create',
    data: [3, 6, 2, 8, 18],
  },
  {
    name: 'Update',
    data: [6, 8, 9, 3, 10],
  },
  {
    name: 'Delete',
    data: [14, 8, 9, 17, 7],
  },
  {
    name: 'Total',
    visible: false, <----
  },
];

So I tried to change visible to true, and it works fine in all browsers, but now I have redundant "Total" hover effect as on screenshot.

"highcharts": "9.3.1"

0 Answers
Related