echarts markline如何将两条线颜色分别设置

Question

option = {

xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
    type: 'value'
},
series: [{
    
    data: [820, 932, 901, 934, 1290, 1330, 1320],
    type: 'line',
    markLine: {
        itemStyle: {
            normal: { lineStyle: { type: 'solid', color: '#000' }, label: { show: true, position: 'end' } },
        },
        data: [
            {
                name: '平均线',
                // 支持 'average', 'min', 'max'
                type: 'average'
            },
            {
                name: 'Y 轴值为 100 的水平线',
                yAxis: 100
            }
        ]
    },
}]

};

Answer 1

关于解决方法，代码里的注释有说明

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        markLine: {
            itemStyle: {
                normal: { 
                    lineStyle: {
                        type: 'solid',
                        // 这儿设置的颜色是公共配置，如需单独配置，请在data里配置
                        // color: '#000',
                    }, 
                    label: { 
                        show: true,
                        position: 'end'
                            
                    }
                },
            },
            data: [
                {
                    name: '平均线',
                    type: 'average',
                    // 单独配置每条线的样式
                    lineStyle: {
                        color: 'green'
                    }
                },
                {
                    name: 'Y 轴值为 100 的水平线',
                    yAxis: 100,
                    // 单独配置每条线的样式
                    lineStyle: {
                        color: 'red'
                    }
                }
            ]
        },
    }]
};

效果展示

Answer 2

分别设置了，不生效，怎么办