在Plotband上添加漸變色高圖

Question

我正在高圖上創建折線圖。有沒有辦法讓plotBands具有漸變色彩？

 plotBands: [{ 
     from: 7, 
     to: 0, 
     color: 'rgba(255, 51, 51, 0.28)' 
    }] 

在這裏，你可以檢查我的代碼，供大家參考 http://jsfiddle.net/MyTestSampleAccount/0nqn5vzs/

Answer 1

您可以使用類似以下內容：

yAxis: { 
    ..., 
    plotBands: [{ 
     color: { 
      linearGradient: { x1: 1, y1: 1, x2: 1, y2: 0 }, 
      stops: [ 
       [0, 'rgb(255, 255, 255)'], 
       [1, 'rgb(200, 200, 255)'] 
      ] 
     }, 
     from: 0, 
     to: 7 
    }], 
}, 

DEMO