如何在高圖中創建曲線下的高光區？

我使用角度4創建高圖表，我想突出顯示Highchart的特定部分。
例圖片：https://www.screencast.com/t/MHxo59j2dM 如何在高圖中創建曲線下的高光區？

按照上述圖像是否低於數據點值進到一些限制（例如0），然後用「紅」顏色來突出顯示，並且如果它低於8，然後用突出黃色

我不知道是否它可能與Highchart或沒有，但如果有人創造了這樣的功能，那麼請讓我知道。

Highchart提供區域圖表選項 - https://www.highcharts.com/demo/area-negative但我的圖表是正常的，我並不想突出全系列點。

2017-10-11 Maher

有在Highcharts沒有這樣的功能，但是你可以通過使用多邊形系列和情節線模仿它：

var chart = Highcharts.chart('container', { 

    plotOptions: { 
    polygon: { 
     showInLegend: false 
    } 
    }, 

    yAxis: { 
    tickInterval: 1, 
    plotLines: [{ 
     value: 4, 
     color: 'orange', 
     width: 2 
    }, { 
     value: 3, 
     color: 'red', 
     width: 2 
    }] 
    }, 

    series: [{ 
    data: [6, 4, 3, 1, 2, 3, 4, 7] 
    }, { 
    type: 'polygon', 
    data: [[1,4], [2, 4], [2,3]], 
    color: 'orange' 
    }, { 
    type: 'polygon', 
    data: [[5,4], [6, 4], [5,3]], 
    color: 'orange' 
    }, { 
    type: 'polygon', 
    data: [[2,3], [5, 3], [4,2], [3,1], [2,3]], 
    color: 'red' 
    }] 
});

現場工作示例：http://jsfiddle.net/kkulig/fbomb7cf/

這將需要一些編程使自動創建這些區域的過程（在我的小提琴中一切都是硬編碼的）。

來實現類似的造型，你可以嘗試圖案填充 Highcharts插件：https://www.highcharts.com/blog/extension/pattern-fill/

API參考：

來源

2017-10-13 16:53:47

如何在高圖中創建曲線下的高光區？

回答

相關問題