自适应echarts 双曲线图

1.安装echarts

npm install echarts -S 

2.引用方式
全局

import echarts from 'echarts'
Vue.prototype.$echarts = echarts;

局部 在script 标签中

import echarts from "echarts";
import {
    EleResize } from "@/assets/js/esresize";

3.设置容器给出宽高

 <div class="contain" id="joinCompareEcharts" style="width:1200px;height:800px"></div>

4.代码如下

export default {
   
  data() {
   
    return {
   
    successArray:[10,80,80,10,90,20],
    failArray:[80,10,20,40,50,10],
    dateTime:[1,2,3,4,5,6],
     //   曲线图
    curveOption: {
   
        backgroundColor: "#fff",
         title: {
   
          text: "新增入库单数",
          left: "25px",
          top: "15px",
          textStyle: {
   
            color: "#999",
            fontSize: 12,
            fontWeight: "400",
          },
        },
        color: ["#73A0FA", "#73DEB3"],
        tooltip: {
   
          padding:15,
          trigger: "axis",
          backgroundColor: "#fff",
          borderWidth: "1", //边框宽度设置1
          borderColor: "#F7F7F7", //设置边框颜色
          color: "black",
          textStyle: {
   
            color: "black", //设置文字颜色
            fontWeight:700
          },
          axisPointer: {
   
            type: "cross",
            crossStyle: {
   
              color: "#999",
            },
            lineStyle: {
   
              type: "dashed",
            },
          },
        },
        grid: {
   
          top: "20%",
          bottom: "6%",
          left: "3%",
          right: "3%",
          containLabel: true,
        },
        legend: {
   
          data: ["对接失败", "对接成功"],
          orient: "horizontal",
          show: