vue2+antv-x6+画布背景图

直接附上代码：

<template>
  <div class="container">
    <a-row>
      <a-col :span="15">
        <h3 style="margin-bottom: 0">区域分布图</h3>
        <a-breadcrumb style="margin: 10px">
          <a-breadcrumb-item>区域分布图</a-breadcrumb-item>
          <a-breadcrumb-item>楼宇分布图</a-breadcrumb-item>
          <a-breadcrumb-item>楼层索引图</a-breadcrumb-item>
        </a-breadcrumb>
        <div class="map">
          <div ref="x6div" class="x6div" :style="{ 'background-image': 'url(' + imgURL + ')' }"></div>
        </div>
      </a-col>
      <a-col :span="9">
        <div>
          <div ref="proportion" class="proportion"></div>
          <div ref="classification" class="classification"></div>
          <div ref="change" class="change"></div>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<script>
import { Graph } from '@antv/x6'

export default {
  data() {
    return {
      imgURL: require('./.