Echarts在线免费图表

 
            //需求要求不展示x轴 y轴以及刻度线
option = {
 grid: {
          left: '2%',
          right: '2%',
          bottom: '1%',
          top: '2%',
          containLabel: false
        },
        xAxis: {
          type: 'category',
          // boundaryGap: false,
          axisTick: {
            show: false // 不显示坐标轴刻度线
          },
          axisLine: {
            show: false // 不显示坐标轴线
          },
          axisLabel: {
            show: false // 不显示坐标轴上的文字
          },
          splitLine: {
            show: false // 不显示网格线
          }
        },
        yAxis: {
          type: 'value',
          min: (val) => {
            return val.min
          },
          axisTick: {
            show: false // 不显示坐标轴刻度线
          },
          axisLine: {
            show: false // 不显示坐标轴线
          },
          axisLabel: {
            show: false // 不显示坐标轴上的文字
          },
          splitLine: {
            show: false // 不显示网格线
          }
        },
        series: [
          {
            data: [11,15,17,33,25],
            type: 'line',
            symbol: 'none',
            lineStyle: {
              color: 'rgba(232,64,38,.5)'
            },
            areaStyle: {
              color: {
                type: 'linear',
                x: 0,
                y: 0,
                x2: 0,
                y2: 1,
                colorStops: [{
                  offset: 0, color: 'rgba(232,64,38,.5)' // 0% 处的颜色
                }, {
                  offset: 1, color: 'rgba(255,255,255,.5)' // 100% 处的颜色
                }],
                global: false // 缺省为 false
              }
            }
          }
        ]
};