Echarts在线免费图表

 
            option = {
     title: {
    text: '人流量'
  },
    xAxis: {
      type: 'category',
      boundaryGap: false,
      data: ['00:00', '04:00', '08:00', '12:00', '16:00', '20:00', '24:00']
    },
    yAxis: {
      type: 'value'
    },
    series: [
      {
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line',
        smooth: true,
        
      symbolSize: 0.01,

        areaStyle: {
          color: new echarts.graphic.LinearGradient(0, 0, 0, 0.9, [
            {
              offset: 0,
              // color: 'rgba(58,77,233,0.8)'
              color:'rgba(170, 201 ,234,0.8)'
            },
            {
              offset: 1,
              // color: 'rgba(58,77,233,0)'
              color:'rgba(170, 201 ,234,0)'
            },
            {
              offset: 0,
              color:'rgba(170, 201 ,234,1)'
              // color: 'rgba(58,77,233,0.9)'
            },
          ])
        },
        itemStyle: {
        // color: "#3D5DF4",
        color:'#4EA6FE'
      },
        lineStyle: {
        // 线条加阴影
        // 设置阴影颜色
        // shadowColor: "#3D5DF4",
        shadowColor:"#4EA6FE",
        shadowOffsetX: 0,
        // 设置阴影沿y轴偏移量为9
        shadowOffsetY: 9,
        // 设置阴影的模糊大小
        shadowBlur: 10,
        // 设置线条渐变色
        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
          { offset: 0, color: "#94C2FD00" },
          // { offset: 0.2, color: "#3D5DF4" },
          { offset: 0.2, color: "#4EA6FE" },
          { offset: 0.1, color: "#5B8FF900" },
        ]),
      },

        emphasis: {
        scale: 1000,
        itemStyle: {
          color: "#3D5DF4",
          borderColor: "#FFFFFF",
          borderWidth: 3,
          borderType: "solid",
        },
      },

      }
    ]
  }