Echarts在线免费图表

 
            // 字体颜色
const textColor = '#666'
const seriesData = [62, 65, 59, 52, 78]
const xAxisList = [
   '11.06',
   '11.07',
   '11.08',
   '11.09',
   '11.10'
]
option = {
   backgroundColor:"#00ffff",
   tooltip: {
      trigger: 'axis'
   },
   grid: {
      top: '15%',
      left: '15%',
      right: '15%',
      bottom: '15%',
      containLabel: true
   },
   xAxis: {
      type: 'category',
      data: xAxisList,
      axisLabel: {
         // 坐标轴字体颜色
         color: textColor,
         fontSize: 18
      },
      axisLine: {
         lineStyle: {
            color: textColor
         }
      },
      axisTick: {
         // y轴刻度线
         show: true
      },
      splitLine: {
         // 网格
         show: false
      },
      boundaryGap: false
   },
   yAxis: {
      type: 'value',
      min: 0,
      name: '成绩（分）',
      nameTextStyle: {
         color: '#333',
         fontSize: 18,
         padding: [0, 0, 0, 80]
      },
      axisLabel: {
         // 坐标轴字体颜色
         color: textColor,
         fontSize: 18
      },
      axisLine: {
         show: true
      },
      axisTick: {
         // y轴刻度线
         show: false
      },
      splitLine: {
         // 网格
         show: true,
         lineStyle: {
            color: '#CCCCCC',
            type: 'dashed'
         }
      }
   },

   series: [
      {
         name: '成绩（分）',
         type: 'line',
         symbol: 'circle',
         symbolSize: 10,
         z: 1,
         itemStyle: {
            color: '#5487FF'
         },
         lineStyle: {
            color: '#5487FF'
         },
         data: seriesData
      }
   ]
};