1. 首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. ECharts官网

百度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'
        }
      }
    }
  }
]
点击展开全文
 

相关文章

  1. 百度echarts折线图效果图(渐变色)
  2. 百度echarts公司架构流程图
  3. 百度echarts如何做一个导向力图
  4. 百度echarts公交线路道路拥堵分布图(嘉兴市)
  5. 百度echarts柱状图通过环比数据展示(↑↓)

Echarts入门

Echarts栏目

3d柱状图 apache bar柱状图属性 data echarts echarts图表 echarts地图 echarts折线图 echarts柱状图 echarts饼图 name pie radar series 地图 大全 柱状图 百度 百度echarts 雷达图