Echarts可视化教程

  1. 网站首页
  2. 百度ECharts
  3. ECharts实例
  4. ECharts入门
  5. 地图大全
  6. 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. Python绘制图表(折线图示例二)
  2. Python绘制图表(折线图示例一)
  3. Chartjs图表之折线图
  4. 北京西城区什刹海街道地图
  5. 百度Echarts饼图大小设置(附代码)