Как отключить взаимодействие на графике Highcharts?

Question

В моем собственном родном приложении у меня есть диаграмма Highcharts, отображающая некоторую информацию о гистограмме.

Я хочу отобразить легенду, чтобы люди знали, что показывает диаграмма, но я хочу отключить скрытую функциональностьбары при прикосновении к легенде.

Кроме того, сами бары исчезают, когда вы нажимаете их ... Я отключил «всплывающую подсказку», но затухание все еще происходит, как я могу остановить это?

Если бы я мог сделать статичное изображение, которое было бы идеально!

, просто для информации, код

let Highcharts = "Highcharts";
const conf = {
  chart: {
    type: "column",
    animation: false,
    marginRight: 10,
    dateFormat: "dd/mm/YYYY"
  },
  title: {
    text: "Spread Events"
  },
  xAxis: {
    type: "datetime",
    tickPixelInterval: 50
  },
  yAxis: {
    title: {
      text: "Spread"
    },
    plotLines: [
      {
        value: 0,
        width: 1,
        color: "#808080"
      }
    ]
  },
  tooltip: { enabled: false },
  legend: {
    enabled: true
  },
  exporting: {
    enabled: false
  },
  plotOptions: {
    column: {
      pointPadding: 0.2,
      borderWidth: 0
    }
  },
  series: FieldStore.graphData.slice()
};

Answer 1

Чтобы отключить скрытие серии при нажатии на легенду, верните false из legendItemClick функции события.

Чтобы отключить всплывающую подсказку и эффект затухания при наведении на серию, установите для enableMouseTracking значение false. Если вы также хотите отключить эффект затухания при наведении легенды, измените opacity в неактивное состояние:

plotOptions: {
    series: {
        enableMouseTracking: false,
        states: {
            inactive: {
                opacity: 1
            }
        },
        events: {
            legendItemClick: function() {
                return false;
            }
        }
    }
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/gjkprbto/

Справочник по API:

https://api.highcharts.com/highcharts/series.bar.enableMouseTracking

https://api.highcharts.com/highcharts/series.bar.events.legendItemClick

https://api.highcharts.com/highcharts/series.bar.states.inactive.opacity