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

2022-06-16 09:30:51 浏览数 (3)

代码语言: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"
    }
}

0 人点赞