Echarts在线免费图表

 
            option = {
   //你的代码
   backgroundColor:'#153664',
  xAxis: [
    {
      type: 'category',
      axisLabel: {
        color: '#fff',
        textStyle:{
          fontSize:14
        },
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: '#788eb0'
        }
      },
      axisTick: {
        show: false
      },
      splitLine: {
        show: false,
        lineStyle: {
          color: '#788eb0'
        }
      },
      data: ['12-10', '12-11', '12-12', '12-13', '12-14', '12-15', '12-16']
    }
  ],
  yAxis: [
    {
      type: 'value',
      name: '次',
      nameTextStyle: {
        color: '#fff',
        fontSize:14,
        padding:[0,0,0,-30]
      },
      min: 0,
      axisLabel: {
        textStyle: {
          color: '#fff',
          fontSize:14
        }
      },
      splitLine: {
        show: true,
        lineStyle: {
          color: 'gray'
        }
      }
    }
  ],
  series: [
    {
      name: '次数',
      type: 'line',
      symbol: 'circle',
      symbolSize: 8,
      itemStyle: {
        normal: {
          color: '#2af7ff',
          lineStyle: {
            color: '#2af7ff',
            width: 3
          },
          areaStyle: {
            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
              {
                offset: 0,
                color: 'RGBA(42, 247, 255, 0.2)'
              },
              {
                offset: 1,
                color: 'RGBA(42, 247, 255, 0.8)'
              }
            ])
          }
        }
      },
      data: [20, 12, 11, 20, 20, 20, 8]
    }
  ]
};