npm install --save datav-vite

import DatavVite from 'datav-vite';
Vue.use(DatavVite);

<template>
  <div id="app">
    <DataVTemplate :palette="palette" :scaleMode="mode">
      <DataVCell :partStyle="partStyle">
            <!-- 这里放置echarts的折线图 -->
        </DataVCell>
        <DataVCell :partStyle="partStyle">
            <!-- 这里放置antD的折线图 -->
        </DataVCell>
    </DataVTemplate>
  </div>
</template>

<script lang="ts">
import bg from './assets/bg.png'
const enum ScaleMode {
    // 等比缩放
    EQUAL = 1,
    // 宽度铺满，高度等比缩放
    HSCALE,
    // 高度铺满，宽度等比缩放
    WSCALE,
}

export default {
  name: 'app',
  data: () => {
    return {
      palette: {
        backgroundImage: bg,
      },
      mode: ScaleMode.HSCALE,
      partStyle: {
        height: 100,
        width: 100,
        top: 0,
        left: 0,
      }
    }
  }
}
</script>

const enum ScaleMode {
    // 根据屏幕的分辨率，等比缩放
    EQUAL = 1,
    // 宽度铺满，高度等比例缩放
    HSCALE = 2,
    // 高度铺满，宽度等比例缩放
    WSCALE = 3,
}

interface Palette {
    // 背景色，无背景图时，用背景色填充
    backgroundColor: string;
    // 背景图
    backgroundImage: '',
}

const enum PartStyle {
    width: number,
    height: number,
    left: number,
    top: number,
    zIndex: number,
}