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

var 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
                }
            ]
        },
    }]
}

11111

分别设置每条线的颜色:

var 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'
                    }
                }
            ]
        },
    }]
};

1111

 原链接:文章来源

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值