echarts折线图折线颜色设置,echarts折线图图例位置,echarts折线图曲线,echarts设置折线图大小,echarts折线图代码,echarts折线图symbol
ECharts是一个开源的JavaScript可视化库，用于创建交互式的图表和地图。在ECharts中，折线图是通过Series组件来配置的。标域（markArea）是一种可用于突出显示特定区域的组件。

要将标域添加到折线图中，需要在Series组件的配置对象中使用markArea属性，并指定要突出显示的区域。通常，标域由一个包含起始和结束点坐标的数组组成，如下所示：

javascript
option = {
xAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'line',
markArea: {
data: [
[{
name: '周末',
xAxis: '周六'
}, {
xAxis: '周日'
}]
]
}
}]
};


在上面的例子中，我们创建了一个折线图，其中标志着周末两天的区域。我们使用markArea属性指定了这个区域，并给它起了一个名字“周末”。该配置对象包含一个data属性，它是一个包含起始和结束点坐标的数组。在这种情况下，我们只使用了一个区域，因此data属性只包含一个数据项。

需要注意的是，标域的坐标值应该与折线图上的实际坐标值相对应。如果标域的坐标值不正确，可能会导致标域显示不正确或不完整。

除了使用数组来指定标域的坐标值外，ECharts还支持使用函数动态计算标域的坐标值。