echarts 关系图根据状态设置线的颜色

Echarts 关系图是一种用于展示数据之间连接关系的图表类型，可以根据状态来设置线的颜色。

在 Echarts 关系图中，我们可以通过设置线条的样式来改变线的颜色。具体方式有两种：

1. 使用 series.data 中的 itemStyle.normal.color 或者 emphasis.color 属性来设置线的颜色。例如：

series: [{
    type: 'graph',
    ...
    edgeSymbol: ['circle', 'arrow'],
    edgeSymbolSize: 10,
    edgeLabel: {
        show: true,
        fontSize: 12
    },
    lineStyle: {
        normal: {
            color: function (params) {
                // 根据状态来设置线的颜色
                if (params.data.status === '正常') {
                    return 'green';  // 正常状态为绿色
                } else if (params.data.status === '异常') {
                    return 'red';  // 异常状态为红色
                } else {
                    return 'gray';  // 其他状态为灰色
                }
            }
        }
    },
    ...
}]

2. 使用 series.lineStyle.normal.color 属性来设置线的颜色。例如：

series: [{
    type: 'graph',
    ...
    lineStyle: {
        normal: {
            color: function (params) {
                // 根据状态来设置线的颜色
                if (params.data.status === '正常') {
                    return 'green';  // 正常状态为绿色
                } else if (params.data.status === '异常') {
                    return 'red';  // 异常状态为红色
                } else {
                    return 'gray';  // 其他状态为灰色
                }
            }
        }
    },
    ...
}]

以上两种方式都可以根据节点之间的状态来动态设置线的颜色。可以根据实际需求，自定义不同状态对应的颜色值，以便更好地展示数据之间的关系。