如何配置图表，使所有曲线始终显示/突出显示？

Question

我想以这样的方式配置高位图，即当鼠标移到图表上时，所有曲线保持显示/突出显示，并且显示最接近鼠标的曲线值。

在最初由@Wojciech Chmiel提供的此jsfidle示例中：[https://jsfiddle.net/BlackLabel/rLg0kwp7]

var monoChart = Highcharts.chart('container', {
	chart: {
  	zoomType: 'xy'
  },
  series: [{
    data: [
      439,
      525,
      571,
      696,
      970,
      119,
      137,
      154
    ]
  }, {
    data: [
      234,
      123,
      444,
      322,
      543,
      657
    ]
  }],
});

monoChart._highChartsZoom = monoChart.zoom;
monoChart.zoom = function(e) {
  this._highChartsZoom(e);
}.bind(monoChart);

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

[我们可以看到，如果鼠标位于“系列1”的曲线附近，则显示最接近的值（很好），但是“系列2”的曲线已自动隐藏，我想避免这种情况。查看屏幕截图：example of interactive chart display with highcharts

我希望具有相同的显示，但是所有曲线都显示/突出显示，即使用户在图表上进行“鼠标悬停”。

任何帮助将不胜感激。

Answer 1

  plotOptions: {
    series: {
        states: {
        inactive: {
            opacity: 1
        }
      }
    }
  },

API参考：https://api.highcharts.com/highcharts/series.line.states.inactive.opacity

演示：https://jsfiddle.net/BlackLabel/rLg0kwp7/2/