Biểu đồ vùng Highcharts, sử dụng 2 màu tô phía trên/bên dưới trục X

Question

Trong Highcharts, tôi muốn điền biểu đồ Area với 2 màu, giá trị dương nhận được một màu, giá trị âm sẽ có màu khác. Tôi đã có thể làm điều này với một linearGradient, nhưng điều này phải được điều chỉnh dựa trên size of the container.

Có cách nào chung hơn để thực hiện việc này, ví dụ: thiết lập các giá trị>0 color 1, values < 0 color 2?

Xem JSFiddle tôi để biết thêm thông tin và một ví dụ: http://jsfiddle.net/GNvur/2/

Answer 1

Tham số chúng tôi đang tìm kiếm được đặt tên negativeColor. Sử dụng nó trong một khu vực serie như thế này:

series: [{ 
     type:'area', 
     data:chartValues, 
     color: "#FF0000", 
     threshold: 0, 
     negativeColor: '#00FFFF', 

     marker : { 
      enabled: true 
     } 
    }] 

xem kết quả trong JSFiddle này.