且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-08-19 21:30:31

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

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

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

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