Echarts在线免费图表

 
            option = {
   backgroundColor: '#000',
   legend: {
      icon: 'circle',
      itemWidth: 10,
      itemHeight: 10,
      itemGap: 20,
      textStyle: {
         fontSize: 10,
         color: '#fff',
         fontFamily: 'PingFangSC',
      },
      data: ["合格", "不合格"],
      selectedMode: false
   },
   grid: {
      left: "3%",
      right: "3%",
      bottom: "3%",
      containLabel: true,
   },
   xAxis: {
      type: 'category',
      data: [1,2,3,4,5,6],
      axisPointer: {
         type: "shadow",
      },
      axisLabel: {
         color: 'white',
         fontFamily: 'DIN',
         interval: 0,
      },
      axisLine: {
         show: false
      },
      splitLine: {
         show: false
      },
      axisTick: {
         show: false
      },
   },
   yAxis: {
      type: 'value',
      axisLine: {
         show: false
      },
      min: 0,
      axisLabel: {
         formatter: "{value}",
         fontFamily: 'DIN'
      },
      axisTick: {
         show: false
      },
      splitLine: {
         show: true,
         lineStyle: {
            width: 0.5,
            color: 'rgba(255, 255, 255, 0.4)',
            type: 'dashed'
         }
      },
   },
   series: [
      {
         data: [1, 20, 3, 40, 5, 60],
         name: "合格",
         type: 'line',
         symbol: "none",
         itemStyle: {
            color: '#0887FF'
         }
      },
      {
         data: [10, 2, 30, 4, 50, 6],
         name: "不合格",
         type: "line",
         symbol: "none",
         itemStyle: {
            color: '#30C9C9'
         }
      }
   ]
};