Charts 图形多色区域线

我需要创建图形作为

一行带颜色填充区域， 若点值大于零，则线的颜色和面积为绿色，否则为红色

我该怎么做？JS（一些插件？）或PHP（imagick，gd）

您可以使用面积系列类型并为其定义

负颜色。检查下面发布的文档和示例

HTML:

演示：


文档：



Disclamer:我是图像图表的创始人（）。如果需要生成线图的图像，可以使用URL：
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>

Highcharts.chart('container', {
  chart: {
    type: 'area'
  },
  series: [{
    color: 'rgba(0, 255, 0, 0.7)',
    negativeColor: 'rgba(255, 0, 0, 0.7)',
    fillOpacity: 0.2,
    marker: {
        enabled: false
    },
    data: [5, 3, 4, 7, 2, -3, -5, -2, -7, -4, 0, 3, 4, 2, 5, 1]
  }]
});