Javascript Echarts，如何使用数据系列切换线条颜色

我想使用数据字段来更改特定图片的线条颜色。比如当它是1时，它应该是绿色的，当它是2时，它应该是黄色的。此代码段仅更改数据点的颜色，而不是线条？是否有机会将其存档到echarts

//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main_chart'）；
var-app={}；
选项=空；
选项={
xAxis：{
类型：'类别'，
数据：['2012-03-01 05:06'，'2012-03-01 05:07'，'2012-03-01 05:08'，'2012-03-01 05:09'，'2012-03-01 05:10'，'2012-03-01 05:11']
},
亚克斯：{
类型：“值”
},
可视化地图：{
秀:假,，
尺寸：2，
作品：[
{
lt:2，
gt:0，
颜色：“绿色”
}, {
gte:2，
颜色：“红色”
}
]
},
系列：[{
数据：[[1,37,1]，[2,36,1]，[3,36,2]，
键入：“行”，
区域样式：{}
}]
};
如果（选项和类型选项==“对象”）{
myChart.setOption（option，true）；
}

试试这个例子
1） 您应该使用正确的维度（xAxis、yAxis），有关更多信息，请阅读文档
2） 如果您想给整个区域上色，请从areaStyle中删除颜色：“aquamarine”，然后它将通过配置进行着色

//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main_chart'）；
var-app={}；
选项=空；
选项={
xAxis：{
类型：'类别'，
数据：['2012-03-01 05:06'，'2012-03-01 05:07'，'2012-03-01 05:08'，'2012-03-01 05:09'，'2012-03-01 05:10'，'2012-03-01 05:11']
},
亚克斯：{
类型：“值”
},
可视化地图：{
秀:假,，
维度：0，
作品：[
{
lt:2，
gt:0，
颜色：“绿色”
}, {
gt:2，
lt:3，
颜色：“红色”
}, {
gte:3，
颜色：“黄色”
}
]
},
系列：[{
数据：[[1,37,1]，[2,36,1]，[3,36,2]，[4,38,2]，
键入：“行”，
areaStyle:{color:“海蓝宝石”}
}]
};
如果（选项和类型选项==“对象”）{
myChart.setOption（option，true）；
}

试试这个例子
1） 您应该使用正确的维度（xAxis、yAxis），有关更多信息，请阅读文档
2） 如果您想给整个区域上色，请从areaStyle中删除颜色：“aquamarine”，然后它将通过配置进行着色

//基于准备好的DOM，初始化echarts实例
var myChart=echarts.init（document.getElementById（'main_chart'）；
var-app={}；
选项=空；
选项={
xAxis：{
类型：'类别'，
数据：['2012-03-01 05:06'，'2012-03-01 05:07'，'2012-03-01 05:08'，'2012-03-01 05:09'，'2012-03-01 05:10'，'2012-03-01 05:11']
},
亚克斯：{
类型：“值”
},
可视化地图：{
秀:假,，
维度：0，
作品：[
{
lt:2，
gt:0，
颜色：“绿色”
}, {
gt:2，
lt:3，
颜色：“红色”
}, {
gte:3，
颜色：“黄色”
}
]
},
系列：[{
数据：[[1,37,1]，[2,36,1]，[3,36,2]，[4,38,2]，
键入：“行”，
areaStyle:{color:“海蓝宝石”}
}]
};
如果（选项和类型选项==“对象”）{
myChart.setOption（option，true）；
}

好的，但我想在片段中只包含两个部分，并区分数据系列中线条的颜色。不幸的是，这只适用于数据点的颜色，而不适用于整条线。假设我有1000个数据点和500次更改颜色，那么碎片部分将非常臃肿。@selbolder我找不到任何方法为第三维逐条着色。好的，但我希望碎片中只有2个部分，并区分数据系列中线条的颜色。不幸的是，这只适用于数据点的颜色，而不适用于整条线。假设我有1000个数据点和500次我会改变颜色，那么碎片部分将非常臃肿。@selbolder我找不到任何方法来为第三维度的线条逐块着色。