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

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)设置折线线条颜色

 lineStyle: {
    color: "#F29C1B",
 }

(2)设置折线折点颜色

lineStyle: {
    normal: {
       color: "#F29C1B"
    }
}

支付宝智慧前端学习交流群

posted @   江一铭  阅读(5852)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示