如何在高图中创建曲线下的高光区？

我使用角度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

如何在高图中创建曲线下的高光区？

回答

相关问题