百度echarts如何对不同折线图设置不同颜色

series: [
  {
    name: '折线图1',
    type: 'line',
    data: [111, 222, 333, 444, 111, 222, 333, 444, 111],
    itemStyle: {
      normal: {
        color: '#15CE89',
        lineStyle: {
          color: '#15CE89'
        }
      }
    },
    showSymbol: true,
    smooth: 0.6, //拐点圆形
    symbol: 'circle', //形状 'circle’, 'rect’, 'roundRect’, 'triangle’, 'diamond’, 'pin’, 'arrow'
    symbolSize: 0 //大小
  },
  {
    name: '折线图2',
    type: 'line',
    data: [222, 333, 444, 111, 222, 333, 444, 111, 222],
    itemStyle: {
      normal: {
        color: '#FFBB00',
        lineStyle: {
          color: '#FFBB00'
        }
      }
    }
  },
  {
    name: '折线图3',
    type: 'line',
    data: [333, 444, 111, 222, 333, 444, 111, 222, 333],
    itemStyle: {
      normal: {
        color: '#0075FF',
        lineStyle: {
          color: '#0075FF'
        }
      }
    }
  },
  {
    name: '折线图4',
    type: 'line',
    data: [444, 111, 222, 333, 444, 111, 222, 333, 444],
    itemStyle: {
      normal: {
        color: '#FF844D',
        lineStyle: {
          color: '#FF844D'
        }
      }
    }
  }
]

百度echarts雷达图radar根据分数点显示每个不同颜色

百度ECharts文档官网介绍

百度echarts柱状图设置不同颜色（每根柱子一种颜色）

百度echarts图表数据为空如何展示"暂无数据"

百度echarts柱状图/折线图x轴显示全部文本（太长自动换行）

标签： line折线图, line折线图参数, 百度echarts

上面是“百度echarts如何对不同折线图设置不同颜色”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3732.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！