echarts折線圖曲線圖分段用不同顏色顯示，Y軸超過某一數值變色,echarts曲線改變顏色例子,x軸和y軸數據可以自己定義,曲線默認顯示黑色(black)，400以上900以下顯示成金色(gold)。

核心代碼
visualMap: {
    show: false,
    dimension: 1,
    pieces: [],  //pieces的值由動態數據決定
    outOfRange: {
         color: 'black'
    }
//上面是按官方文檔固定格式，主要是配置樣式布局，實際的x軸和y軸數據可以通過ajax在后臺取得
//x軸數據
var datax = ['1月', '2月', '3月', '4月', '5月','6月', '7月', '8月', '9月','10月'];  //模擬動態數據
option.xAxis.data = datax; 
//y軸數據
var datay = [160, 280, 350, 500, 200, 250, 800, 600, 550, 200];  
option.series[0].data = datay; 
//400以上,900以下顯示成金色(gold)
option.visualMap.pieces[0] = {gte: 400, lte: 900, color: 'gold'};