帶有風險顏色背景的高圖表

我想創建一個具有動態橢圓區域作爲背景的圖表。背景應該可視化風險，並且可以是靜態的，但需要呈現不同大小的圖表。帶有風險顏色背景的高圖表

有沒有人有關於如何用highchart實現這個想法？

Example of what I would like to display

2014-12-04 Phil

那麼，我建議使用[渲染器]（http://api.highcharts.com/highcharts#Renderer）來渲染這樣的路徑（當然填充閉路徑）。要計算路徑的正確值，請使用['x/yAxis.toPixels（）']（http://api.highcharts.com/highcharts#Axis.toPixels）。 – 2014-12-04 13:37:11

輻射漸變也可以嗎？否則，你是否有上述路徑技術的例子？ – Phil 2014-12-08 13:44:36

正如我所看到的那樣，您通過使用徑向漸變實現了這一目標！ – 2014-12-08 14:27:18

感謝您的幫助。我用徑向bBackground顏色解決了問題。

chart : { 
    type: 'spline', 
    renderTo: chartData, 
    zoomType: 'x', 
    plotBackgroundColor: Highcharts.svg ? { 
     radialGradient: { 
      cx: 1.0, 
      cy: 0.0, 
      r: 1.5 
     }, 
     stops: [ 
      [0.0, 'rgba(255, 0, 0, 1.0)'], 
      [0.5, 'rgba(255, 193, 86, 1.0)'], 
      [1.0, 'rgba(44, 160, 44, 1.0)'] 
     ] 
    } : null 
},

radialGradient從1.0開始，0.0（x，y）在繪圖區域的右上角。我添加了三種顏色漸變色：紅色，黃色，綠色。

希望這可以幫助有同樣問題的人。 :)

來源

2014-12-08 13:58:00 Phil

不幸的是，這個解決方案似乎不適用於IE8。： - /有沒有人有一個好主意？ – Phil 2015-04-01 15:44:26

帶有風險顏色背景的高圖表

回答

相關問題