关于echarts图表标线挡住y轴问题

项目需求需要两个y坐标,发现右坐标被标线箭头挡住,这个情况请问需该怎么解决呢

图片描述

let array = [25,20,5,-18,-28],
        arrayMax = Math.max.apply( Math, array ),
        arrayMin = Math.min.apply( Math, array );

    let seriesData = [5, 18, 10.68592, 7, -29, 3, 35],
        seriesDataMax = Math.max.apply( Math, seriesData ),
        seriesDataMin = Math.min.apply( Math, seriesData );

    let MAX = seriesDataMax > arrayMax ? seriesDataMax : arrayMax;
    let Min = seriesDataMin > arrayMin ? arrayMin : seriesDataMin;

    let option = {
        tooltip: {
            trigger: 'axis'
        },
        legend: {
            data:['最高气温','最低气温']
        },
        toolbox: {
            show: true,
            feature: {
                saveAsImage: {}
            }
        },
        xAxis:  {
            type: 'category',
            boundaryGap: false,
            data: ['20110102','20120305','20130605','20140509','20150608','20160901','20170601']
        },
        yAxis: [
            {
                type: 'value',
                min: Min,
                max: MAX,
                axisLabel: {
                    formatter: '{value}'
                }
            },
            {
                type: 'value',
                min: Min,
                max: MAX,
                axisLabel: {
                    formatter: '{value}'
                }
            }
        ],
        series: [
            {
                name:'最高气温',
                type:'line',
                symbol:'none',
                data:seriesData,
                markLine: {
                    silent: true,
                    lineStyle: {
                        color: '#3A5FCD',
                        type: 'dashed',
                    },
                    data: [
                        {name: 'Y 轴值为 100 的水平线',yAxis: 25,label: {
                            normal: {
                                formatter: '25'
                            }
                        }},
                        {name: 'Y 轴值为 100 的水平线',yAxis: 20,label: {
                            normal: {
                                formatter: '20'
                            }
                        }},
                        {name: 'Y 轴平均水平线',yAxis: 5,label: {
                            normal: {
                                formatter: '5'
                            }
                        }},
                        {name: 'Y 轴值为 100 的水平线',yAxis: -18,label: {
                            normal: {
                                formatter: '-13'
                            }
                        }},
                        {name: 'Y 轴值为 100 的水平线',yAxis: -28,label: {
                            normal: {
                                formatter: '-32'
                            }
                        }},
                    ]
                }
            },
            {
                name:'最高气温',
                type:'line',
                symbol:'none',
                data:[15, 8, 10.68592, 17, -9, 13, -10],
            },
        ]
    };
阅读 7k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题