AreaFline圖中的負填充顏色

Question

我想在區域樣條圖中填充樣條曲線上方的區域顏色。 我試圖設置負填充顏色但沒有結果。 任何人都可以讓我知道如何填充樣條上面的區域顏色，而不是下面？ 任何幫助將不勝感激。

$(function() { 
     $('#container').highcharts({ 
      chart: { 
       type: 'areaspline' 
      }, 
      title: { 
       text: 'Average fruit consumption during one week' 
      }, 
      legend: { 
       layout: 'vertical', 
       align: 'left', 
       verticalAlign: 'top', 
       x: 150, 
       y: 100, 
       floating: true, 
       borderWidth: 1, 
       backgroundColor: '#FFFFFF' 
      }, 
      xAxis: { 
       categories: [ 
        'Monday', 
        'Tuesday', 
        'Wednesday', 
        'Thursday', 
        'Friday', 
        'Saturday', 
        'Sunday' 
       ], 
       plotBands: [{ // visualize the weekend 
        from: 4.5, 
        to: 6.5, 
        color: 'rgba(68, 170, 213, .2)', 
       }] 
      }, 
      yAxis: { 
       title: { 
        text: 'Fruit units' 
       } 
      }, 
      tooltip: { 
       shared: true, 
       valueSuffix: ' units' 
      }, 
      credits: { 
       enabled: false 
      }, 
      plotOptions: { 
       areaspline: { 
        fillOpacity: 0.5 
       } 
      }, 
      series: [{ 
       name: 'John', 
       data: [3, 4, 3, 5, 4, 10, 12], 
       negativeFillColor: '#000000' 
      }, { 
       name: 'Jane', 
       data: [1, 3, 4, 3, 3, 5, 4], 
       negativeFillColor: '#000000' 
      }] 
     }); 
    }) 

;

感謝， 中號

Answer 1

好，門檻應該工作。只要你需要設置

• endOnTick: false
• maxPadding: 0
• threshold: max_value_in_data

參見：http://jsfiddle.net/3bQne/1076/

代碼：

var data = [3, 4, 3, 5, 4, 10, 12]; 

Array.prototype.max = function() { 
    return Math.max.apply(null, this); 
} 

$('#container').highcharts({ 
    chart: { 
     type: 'areaspline' 
    }, 
    yAxis: { 
     endOnTick: false, 
     maxPadding: 0 
    }, 
    plotOptions: { 
     areaspline: { 
      threshold: data.max(), 
     } 
    }, 
    series: [{ 
     data: data, 
     negativeFillColor: 'rgba(255, 0, 0, 0.5)' 
    }] 
});