Javascript 如何在简单的谷歌折线图中为不同的值范围使用不同的颜色？

这是我的JS小提琴。根据我在Y轴中指定的值，0、10、23、17、18等，我希望0-10的直线具有不同的颜色，10-23具有不同的颜色，23-17具有不同的颜色

这是我的JS。我试着在不同的地方添加颜色，但我做不到。我该怎么做呢

function drawBasic() {    
     var data = new google.visualization.DataTable();
     data.addColumn('number', '');
     data.addColumn('number', '');    
     data.addRows([
        [0, 0],   [1, 10],  [2, 23],  [3, 17],  [4, 18],  [5, 9],
      ]);

     var options = {
          height: 152,
          legend: 'none',
          baselineColor: '#fff',
          gridlineColor: '#fff',
          textPosition: 'none',
          colors: ['#ff926c'],
          dataOpacity: 0.7,
          hAxis: {
            textPosition: 'none'
           },
           vAxis: {                            
              textPosition: 'none',
            },
      };      

     var chart = new google.visualization.LineChart(document.getElementById('chart_div'));    
     chart.draw(data, options);
    }

---

使用样式列，请参见以下工作代码段

google.charts.load（'current'，{packages:['corechart'，'line']}）；
google.charts.setOnLoadCallback（rubsic）；
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，''）；
data.addColumn（'number'，''）；
addColumn（{type:'string'，role:'style'}）；
data.addRows([
[0,0，'红色']、[1,10，'蓝色']、[2,23，'绿色']、[3,17，'橙色']、[4,18，'紫色']、[5,9，'黑色']，
]);
变量选项={
身高：152，
图例：“无”，
基线颜色：“#fff”，
gridlineColor:“#fff”，
text位置：“无”，
颜色：['#ff926c']，
数据不透明度：0.7，
哈克斯：{
text位置：“无”
},
动词：{
text位置：“无”，
},
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

---

使用样式列，请参阅以下工作代码段

google.charts.load（'current'，{packages:['corechart'，'line']}）；
google.charts.setOnLoadCallback（rubsic）；
函数（SIC）{
var data=new google.visualization.DataTable（）；
data.addColumn（'number'，''）；
data.addColumn（'number'，''）；
addColumn（{type:'string'，role:'style'}）；
data.addRows([
[0,0，'红色']、[1,10，'蓝色']、[2,23，'绿色']、[3,17，'橙色']、[4,18，'紫色']、[5,9，'黑色']，
]);
变量选项={
身高：152，
图例：“无”，
基线颜色：“#fff”，
gridlineColor:“#fff”，
text位置：“无”，
颜色：['#ff926c']，
数据不透明度：0.7，
哈克斯：{
text位置：“无”
},
动词：{
text位置：“无”，
},
};
var chart=new google.visualization.LineChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}