跟随我在oracle学习php(41)

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

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

扫描二维码关注公众号,回复: 6273410 查看本文章

拐点的样式有:

猜你喜欢

转载自www.cnblogs.com/RighTgraM/p/10925044.html
今日推荐