d3-v4.x版本-散点图（拖拽、缩放散点元素）

v4.x 版本-散点图（拖拽、缩放散点元素）

代码是基于vue 2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。

demo实现效果图如下：

一、默认状态

二、拖拽散点元素

因为加了延迟动画，所以拖动的时候会有延时的动画效果。

三、缩放散点元素；

注意：在滚轮对元素放大/缩小的时候，相应的坐标系也是会跟着放大/缩小

实现代码如下：（包含关键代码注释）

<template>
  <div class="hello">
  </div>
</template>

<script>
const d3 = require("d3");
// import * as d3 from "d3"
export default {
  name: "scatter",
  data() {
    retur