vue.js - 管道后如何修复 d3-zoom 不起作用
问题描述
我正在使用 d3@5.16.0 在 Vue 中绘制图表。
当我在 localhost 上开发它或在本地机器上构建它时,它运行良好。当我在 GitLab 上推送代码并开始运行管道时,图表无法缩放抛出错误,例如:
Cannot read property 'ctrlKey' of null
我发现该事件为空。如何在不升级版本的情况下修复它?否则可能会导致我的项目发生许多变化。
import * as d3 from "d3";
import {event} from 'd3';
//method content
var svgDOM = d3.select('#presuc')
var svg = svgDOM.append('g');
function zoomActions () {
svg.attr('transform', event.transform)
}
let zoom = d3.zoom().scaleExtent([1 / 8, 1.5]).on("zoom",zoomActions);
zoom(svgDOM);
解决方案
推荐阅读
- github - 如何逐步运行 GItHub Actions 作业矩阵?
- c++ - 删除对象时调用处理程序的弱智能指针?
- node.js - axios请求加载资源失败:服务器响应状态为404(未找到)
- angular - 我在 Angular Template Driven Form 中对这个路由守卫做错了什么?
- azure-pipelines - 并行运行 1 个以上的 Azure Devops Pipeline
- clojurescript - 从引导的 clojure REPL 连接到浏览器 REPL 需要永远在 clojurescript
- php - HTML 下载属性不适用于 CDN 打开
- react-native - 如何创建像 pinterest 这样的长按菜单?[反应原生]
- javascript - 对象字面量中的自引用
- sql - 将字符串拆分为多列,不带分隔符 bigquery