【已解决】如何设置echarts折线图的颜色?

  • 作者: 凯哥Java(公众号:凯哥Java)
  • echarts
  • 时间:2023-06-06 17:29
  • 3068人已阅读
简介 1

🔔🔔好消息!好消息!🔔🔔

 如果您需要注册ChatGPT,想要升级ChatGPT4。凯哥可以代注册ChatGPT账号代升级ChatGPT4

有需要的朋友👉:微信号 kaigejava2022

有时候,我们需要修改echarts折线图的颜色。默认是红色的,想要修改其他颜色怎么修改?

同样在series节点的lineStyle节点,中可以设置color颜色。

 lineStyle: {
            normal: {
                color: '#3399FF',
                type: 'solid',
                width: 0 //去掉连接线
            }
}

81e04502c4e0713d71bc56d41186b97a.png

完整代码:

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line',
              smooth: true, //开启平滑曲线
              symbol: 'none', //去掉圆点
               lineStyle: {
            normal: {
                color: '#E9EFF8',
                type: 'solid',
               
            }
        },

    }
  ]
};

测试地址:https://echarts.apache.org/examples/zh/editor.html?c=line-simple

TopTop