Echarts折线图中点类型是默认生成,实际中有可能要对其进行修改,如图中要生成多条折线,其中有的线可以做为基准线,类似于警戒线,这样就要求在图中只展示一条线,而不需要描出相应的点,如下图所示:

 

该条线为空值标准,图中直接展示一条横线即可,其他线对应展示相应的点即可。

解决办法:在echarts脚本中,找到对series控制处,写上如下脚本:

 

判断系列名称是否包含标准,如包含的话,串里增加symbol:’none’,否则正常显示即可。

由于每组数据的拐点样式、线条颜色都不一样,所以series里的每组数据都需要单独设置样式。

首先先来看一下完成后的效果吧

具体设置如下

series: [
            {
                name:systemName[0],
                type:'line',
                symbol:'star',//拐点样式
                symbolSize: 8,//拐点大小
                itemStyle : {
                    normal : {
                        lineStyle:{
                            width:3,//折线宽度
                            color:"#FF0000"//折线颜色
                        }
                    }
                },
                data:data[0]
            }
]

每一组折线的数据都如上图所示设置。  

拐点的样式有:

posted on 2019-05-26 08:53  RighTgraM  阅读(80)  评论(0)    收藏  举报