echarts折线图分段用不同颜色显示

之前在用echarts做折线图的时候，需要一条线段根据某个条件用两种颜色显示。在网上找到的解决方案都是series.data用两组数据模拟，由于我的数据是动态加载的，所以这种方法并不怎么可取，因此我就去官方文档找看有没有相关的配置项（先百度再找官方文档实在不是什么好的习惯，尤其是官方文档还是中文的），果然，在官网上看到一个这样的实例：点击查看，发现是visualMap的作用，当然官网上的这个效果也是通过静态的配置实现的，但是我们可以动态的配置参数呀~

特意记录一个小例子在这里，方便以后用到的时候查询。

要求：当数据连续是300的时候，显示红色，其余显示绿色。

实现：这个例子完全是根据官网的例子修改而来，这里只贴出修改的部分。

visualMap部分修改为：
visualMap: {
    show: false,
    dimension: 0,
    pieces: [],  //pieces的值由动态数据决定
    outOfRange: {
        color: 'green'
    }
}

在chart.setOption(