首页 > 解决方案 > 管道后如何修复 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);

标签: vue.jsd3.jspipeline

解决方案


推荐阅读