如何在Angular4中实现javascript mousemove功能

Question

我正在使用鼠标点击创建多边形形状，d3.js。所有函数在普通的html和js文件中都能正常工作，但是我需要将这个函数实现到Angular中。

这是我的 angular4代码，我将 d3js mousemove函数放在 ngOninit（）中。我的问题是名为 this.drawing 显示 undefined

var dados = require("../create-table");
const mysql = require('mysql');
const sequelize = require('sequelize');
const connection = mysql.createConnection({
  host     : 'myhost',
  port     : '3306',
  user     : 'myuser
  password : 'mypassword',
  database : 'mydatabase',
  charset : 'utf8mb4'
});

exports.run = (client, message, args)  => {
    connection.query(`SELECT * FROM guildn WHERE id = '${message.guild.id}'`, function (err, result) {
        if (err) {
            return console.log('Error1');
        }
        if (result.length){
            connection.query(`SELECT * FROM level WHERE guild = '${message.guild.id}'`, function (err, result2) {
                if(err) {
                    return console.log('Error1');
                }
                var sla = result2.xp.map(function(a){

                })
                sla.sort(function(a, b) {
                    return a - b;
                });
                console.log(sla)
            });
        }
    });
}

我希望 mousemove 事件在 this.floorOnly 元素中起作用。在普通的js文件中，上面的mousemove功能正常工作。如何在angular4中实现该功能？
谢谢。