<qiun-data-charts
      type="area"
      :chartData="chartData1"
      :echartsH5="true"
      :echartsApp="true"
      background="none"
      :style="{ height: '250px' }"
    />

this.chartData1 = {
            categories: [],
            series: [
              {
                name: "",
                type: "line",
                smooth: true,
                lineStyle: {
                  normal: {
                    width: 1,
                    color: "#CECAFD"
                  }
                },
                areaStyle: {
                  normal: {
                    //右，下，左，上
                    color: {
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0.4,
                          color: "#CECAFD"
                        },
                        {
                          offset: 1,
                          color: "#ffffff"
                        }
                      ],
                      globalCoord: false
                    }
                  }
                },

                data: [2.75，5，5，5，5]
              },
              {
                name: "",
                legendShape: "line",
                smooth: true,
                lineStyle: {
                  normal: {
                    width: 1,
                    color: "#FFCEA0",
                    type: "dotted" //设置线条显示：'dotted'虚线 'solid'实线
                  }
                },
                areaStyle: {
                  normal: {
                    //右，下，左，上
                    color: {
                      x: 0,
                      y: 0,
                      x2: 0,
                      y2: 1,
                      colorStops: [
                        {
                          offset: 0.4,
                          color: "#FFCEA0"
                        },
                        {
                          offset: 1,
                          color: "#ffffff"
                        }
                      ],
                      globalCoord: false
                    }
                  }
                },
                data: [15.60，5，5，5，5]
              }
            ]
          }

config-echarts.js配置
 area: {
    color: color,
    title: {
      text: ""
    },
    tooltip: {
      trigger: "axis"
    },
    grid: {
      top: 30,
      bottom: 50,
      right: 15,
      left: 40
    },
    visualMap: {
      //视觉映射  渐变过渡等效果
      show: false,
      type: "continuous",
      seriesIndex: 0,
      min: 1, //控制最小的数据显示色
      max: 60, //控制最大的数据显示色
      // color: ["#CECAFD", "#FFCEA0", "#a4cbfa", "#f08b8a"], //折线渐变色 ， 由大到小排序  ECharts2的用法，ECharts3用inRange，如下
      inRange: {
        // color: ["#CECAFD", "#FFCEA0", "#a4cbfa", "#f08b8a"]
        // symbolSize: [1, 1] //折线点的过渡大小， 从小到大
      }
    },
    legend: {
      bottom: "left"
    },
    toolbox: {
      show: false
    },
    xAxis: {
      type: "category",
      axisLabel: {
        color: "#666666"
      },
      axisLine: {
        lineStyle: {
          color: "#CCCCCC"
        }
      },
      boundaryGap: true,
      data: []
    },
    yAxis: {
      type: "value",
      axisTick: {
        show: false
      },
      axisLabel: {
        color: "#666666"
      },
      axisLine: {
        show: false,
        lineStyle: {
          color: "#CCCCCC"
        }
      }
    },
    seriesTemplate: {
      name: "",
      type: "line",
      data: [],
      areaStyle: {},
      label: {
        show: false,
        color: "#666666",
        position: "top"
      }
    }
  },