echarts折线图拐点和曲线属性

最新推荐文章于 2024-10-12 10:27:55 发布

知了还没睡

最新推荐文章于 2024-10-12 10:27:55 发布

阅读量6.2k

点赞数 1

分类专栏： echart JS 文章标签： echarts JavaScript

本文链接：https://blog.csdn.net/qq_36784628/article/details/80983629

版权

JS 同时被 2 个专栏收录

27 篇文章 1 订阅

订阅专栏

echart

14 篇文章 0 订阅

订阅专栏

echarts折线图个性化填充、线条、拐点样式

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

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

具体设置如下

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