Echarts在线免费图表

 
            option = {
  legend: {
    bottom: 10
  },
  grid: {
    top: '10%',
    bottom: '15%',
    left: '5%',
    right: '5%',
    containLabel: true
  },
  xAxis: [
    {
      type: 'category',
      data: [
        '1月',
        '2月',
        '3月',
        '4月',
        '5月',
        '6月',
        '7月',
        '8月',
        '9月',
        '10月',
        '11月',
        '12月'
      ],
      axisPointer: {
        type: 'shadow'
      },
      axisTick: false,
      axisLine: {
        lineStyle: {
          color: '#eee'
        }
      },
      axisLabel: {
        color: '#aaa'
      }
    }
  ],
  color: ['rgba(0,172,158, 1)', 'rgba(62,154,239, 1)'],
  yAxis: {
    type: 'value',
    splitLine: {
      show: true,
      lineStyle: {
        color: 'rgba(52,78,130,0.2)',
        width: 1,
        type: 'dashed'
      }
    }
  },
  tooltip: {
    show: true,
    trigger: 'axis'
  },
  series: [
    {
      name: '对外投资',
      data: [120, 210, 520, 765, 562, 520, 320, 412, 741, 520, 765, 562],
      type: 'line',
      smooth: true,
      symbol: false,
      symbolSize: 9,
      showSymbol: false,
      lineStyle: {
        width: 3
      },
      areaStyle: {
        color: {
          colorStops: [
            {
              offset: 0,
              color: 'rgba(230,251,251, 1)' // 0% 处的颜色
            },
            {
              offset: 1,
              color: '#F6F8FC' // 100% 处的颜色
            }
          ]
        }
      }
    },
    {
      name: '吸收资本',
      data: [320, 441, 123, 523, 222, 123, 440, 567, 665, 523, 222, 123],
      type: 'line',
      smooth: true,
      symbolSize: 9,
      showSymbol: false,
      lineStyle: {
        width: 3
      },
      areaStyle: {
        color: {
          colorStops: [
            {
              offset: 0,
              color: 'rgba(213,239,244, 1)' // 0% 处的颜色
            },
            {
              offset: 1,
              color: '#F6F8FC' // 100% 处的颜色
            }
          ]
        }
      }
    }
  ]
}