Highcharts中的高亮點範圍

Question

我使用以下代碼使用websocket連接創建動態Highchart。有沒有一種方法可以突出顯示（使用其他顏色）圖形中選定的範圍。例如，如果從WebSocket的值高於25則這些值必須直到值低於25

chart: { 
      type: 'spline', 
      animation: Highcharts.svg, // don't animate in old IE 
      marginRight: 10, 
      events: { 
       load: function() { 

        // set up the updating of the chart each second 
        var series = this.series[0]; 
        var connection = new WebSocket('ws://localhost:8091'); 

        connection.onmessage = function (event) { 
        var x = (new Date()).getTime(), // current time 
          y = parseInt(event.data); 
         series.addPoint([x, y], true, true); 


        }; 
      ////////////////////////// 
       } 
      } 
     }, 

Answer 1

您可以使用plotOptions threshold和negativeColor串聯做着不同的顏色。

plotOptions: { 
     spline: { 
      threshold: 5 
     } 
    } 

而且

series: { 
     ... 
     color: '#FF0000', 
     negativeColor: '#0088FF' 
    } 

下面是一個例子：DEMO

編輯：您還可以使用plotBands突出顯示任何範圍的背景：DEMO