前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Echarts图表:设置折线图中折线线条的颜色和折线点的颜色

Echarts图表:设置折线图中折线线条的颜色和折线点的颜色

作者头像
江咏之
发布2022-06-16 09:30:51
1.7K0
发布2022-06-16 09:30:51
举报
文章被收录于专栏:技术社区
代码语言:javascript
复制
series: [
          {
            name: "总激活数",
            type: "line",
            stack: "总激活数",
            data: this.totalCount,
            itemStyle: {
              normal: {
                color: "#F29C1B",
                lineStyle: {
                  color: "#F29C1B"
                }
              }
            }
          },
          {
            name: "自有激活数",
            type: "line",
            stack: "自有激活数",
            data: this.selfCount,
            itemStyle: {
              normal: {
                color: "#FF5252",
                lineStyle: {
                  color: "#FF5252"
                }
              }
            }
          },
          {
            name: "合作方激活数",
            type: "line",
            stack: "合作方激活数",
            data: this.subCount,
            itemStyle: {
              normal: {
                color: "#457FFB",
                lineStyle: {
                  color: "#457FFB"
                }
              }
            }
          }
        ]

(1)设置折线线条颜色

代码语言:javascript
复制
 lineStyle: {
    color: "#F29C1B",
 }

(2)设置折线折点颜色

代码语言:javascript
复制
lineStyle: {
    normal: {
       color: "#F29C1B"
    }
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-11-01,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档