Làm thế nào để thay đổi màu đồ thị ở trên và dưới cốt truyện trong Highcharts

Question

Trong biểu đồ đường dây HighCharts, làm cách nào để đặt màu của một chuỗi dòng tùy thuộc vào giá trị của nó liên quan đến giá trị của một đường vẽ.

Ví dụ, nếu tôi có một cốt truyện y = 15, làm thế nào có thể tôi làm cho màu xanh lá cây loạt màu khi y < 15 và đỏ khi y > 15

http://jsfiddle.net/adamtsiopani/YBMny/

$('#container').highcharts('StockChart', { 


    rangeSelector: { 
     selected: 1 
    }, 

    title: { 
     text: 'KPN Year View' 
    }, 

    yAxis: { 
     plotLines: [{ 
      label: { 
       text: 'Baseline', 
       x: 25 
      }, 
      color: 'orange', 
      width: 2, 
      value: 15, 
      dashStyle: 'longdashdot' 
     }], 
    }, 

    series: [{ 
     name: 'KPN12345', 
     data: [ 
      [1327881600000, 11], 
      [1327968000000, 18], 
      [1328054400000, 12], 
      [1328140800000, 5], 
      [1328227200000, 11], 
      [1328486400000, 17], 
      [1328572800000, 10], 
      [1328659200000, 10], 
      [1328745600000, 15], 
      [1328832000000, 10], 
      [1329091200000, 11] 
     ] 
    }] 
}); 

Answer 1

Bạn có thể làm điều này với một sự kết hợp của threshold và negativeColor tùy chọn chuỗi.

 series: [{ 
     name: 'KPN12345', 
     data: [ 
      [1327881600000, 11], 
      etc... 
     ], 
     threshold: 15, 
     negativeColor: 'green', 
     color: 'red', 
     tooltip: { 
      valueDecimals: 2 
     } 
    }] 

Fiddle here.