echarts3如何正确设置平行于y轴的markline

594zzb 发布于 2016/10/16 12:11
阅读 9K+
收藏 0

我现在有个需求,使用echarts3做一条平行于y轴的趋势线,我想到markline,但是我的x轴是类目轴,如果是设置平行于x轴的趋势线我知道怎么做,就是如下做法:

1、加一个单独的序列,这个序列只有一个值,即我们要指定的值
2、然后给这个序列设置均值线,由于序列只有一个值,所以序列均值线的值也就是这个值

但是y轴我就不太清楚了,我能做出个效果,但是y轴的最大刻度我是不清楚的,有什么办法可以拿到y轴刻度的最大值(目前不考虑自己给y轴设置个最大值,想就用echarts自动帮我们设置好的最大值),echarts2以前是说可以用-1或者MAXNUMBER,但是echarts3我没找到这个说明,而且用了也不起作用。

我目前能做到的效果如下,但是顶端会报‘NAN’和y轴的最大值我是写死的,有人知道怎么设置么

option = {
    title: {
        text: '未来一周气温变化',
        subtext: '纯属虚构'
    },
    tooltip: {
        trigger: 'axis'
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value} °C'
        }
    },
    series: [
        {
            name:'最高气温',
            type:'line',
            data:[6, 8, 11, 10, 12, 13, 10]
        },
        {
            name:'平行于y轴的趋势线',
            type:'line',
            //data:[0],
            markLine: {
                name:'aa',
                data: [[
                    {coord:['周四',0]},
                    {coord:['周四',15]}//如何获取grid上侧最大值,目前是写死的
                ]]
            }
        }
    ]
};



加载中
0
z
zhaoyx0512

不知道你解决了没有,这两天也碰到这个问题。现在我是用x轴分割线代替的

splitLine:{
    interval:function(index,value){ 
        if(value == markDate){ return true;
        }
    },
    lineStyle:{
        color:['#222']
    }
}

0
5
594zzb
有人知道么,置顶
0
5
594zzb

自己换了下其他思路

var maxVal = 30;
option = {
    tooltip: {
        trigger: 'axis',
        formatter: function (params) {
            if(params.length==3){
                var params0 = params[0];
                var params1 = params[1];
                return "沪深300<br>"+params0.name+"的值为:"+params0.value;
            }else{
                var label=params.data.coord[0];
                return "上榜日期<br>"+label;


            }
            
        },
        axisPointer: {
            animation: false
        }
    },
    xAxis:  {
        type: 'category',
        boundaryGap: false,
        data: ['周一','周二','周三','周四','周五','周六','周日']
    },
    yAxis: {
        type: 'value',
        axisLabel: {
            formatter: '{value}'
        },
        max:maxVal
    },
    series: [
        {
            name:'沪深300',
            type:'line',
            data:[6, 8, 11, 10, 12, 13, 10]
        },
        {
            name:'营业部',
            type:'line',
            data:[16, 18, 21, 22, 21, 21, 20]
        },
        {
            name:'上榜日期',
            type:'line',
            data:[0],
            markLine: {
                name:'aa',
                data: [[
                    {coord:['周四',0],label:{normal:{show:false}}},
                    {coord:['周四',maxVal],label:{normal:{show:false}}}
                ]]
            }
        }
    ]
};

返回顶部
顶部