typescript相关内容

类型'string |的参数不能将'null'分配给'ValueFn< SVGPathElement,Datum [],string |编号|布尔| null>'

我是d3的新手,并尝试使用d3,TypeScript和react来实现最小折线图.但这总是会导致TypeScript错误.在被错误消息替换之前,我什至在瞬间就看到了图表. 我尽可能地将d3部分与反应代码分开.有一个react组件,用id渲染div,在componentDidUpdate处,id传递给包含我所有d3代码(下面的代码)的单独文件中的draw函数. 我尝试为所有可以键入的内容提供一 ..
发布时间:2020-07-21 01:47:55 前端开发

在angular2打字稿代码中将d3.events获取为null

我正在使用链接中的代码在d3地图中实现工具提示 http://bl.ocks.org/michellechandra/0b2ce4923dc9b5809922 当我在我的angular 2打字稿文件中编写相同的代码时.我收到错误消息: 无法读取未定义的属性"transition" 基本上,它无法找到d3.event(将其获取为null),而这在JavaScript代码中不会发生. ..
发布时间:2020-07-21 00:53:15 其他开发

getBBox()和getComputedTextLength()一旦起作用,一次就不起作用

我正在使用d3.js + svg + javscript/typescript创建图表.我需要知道文本的长度,才能将其附加在适当的位置. 我正在使用/正在尝试使用功能getBBox()和getComputedTextLength(),但是... getBBoX仅在我第一次生成图表时(第二次生成图表,然后返回0)工作,而getComputedTextLength( )起作用...只是有时.由此 ..
发布时间:2020-07-21 00:20:29 前端开发

SVGElement类型上不存在属性getBBox

我正在使用d3,我想使用SVG元素具有的getBBox方法. 我使用的是以下内容:(d3Selection.node() as SVGElement).getBBox(),但是由于标题错误,TypeScript无法编译. SVGElement使用的类型错误吗?我可以改用any来工作,但这似乎有点“不干净"的解决方案. 解决方案 不是所有的SVG元素都有边界框,例如没 ..
发布时间:2020-07-20 22:27:29 前端开发

Angular 2/Typescript函数在运行时出现“未定义不是函数"错误

我正在构建一个有角度的(angular2/angular4不是angularJS)组件,该组件创建了一个D3.js导航栏.我没有与其他D3图表有任何问题,它最初呈现就很好,但是在执行“画笔"时尝试访问类变量之一时出现运行时错误. (旁注:有关常规Javascript D3画笔实现的示例,请参见此: https://bl.ocks. org/mbostock/34f08d5e11952a806091 ..
发布时间:2020-07-20 22:12:12 其他开发

D3,TS和Angular 2

我正在尝试将D3 v4与Angular 2(打字稿)一起使用.我目前正在研究D3 v4.我能够按照类似的问题在stackoverflow中找到一些答案,但没有成功.我已经导入了大多数D3库及其类型(我正在使用TS 2.0),并且在我的组件文件中需要import * as d3 from 'd3';.对我来说,这个问题可能是Angular 2,Typescript和3rd party库……到目前为止 ..
发布时间:2020-07-20 21:46:57 其他开发

d3.js和TypeScript编译错误

我正在研究示例强制拖动I 并能够将其获取到使用纯JavaScript.但是,尝试使用TypeScript时出现编译错误. 问题代码(除去了多余的部分)是: import * as d3 from "d3"; interface INode { id: string; group: number; } interface ILink { source: str ..
发布时间:2020-07-20 21:45:07 其他开发

Angular2和D3.js甘特图

我有一个angular2应用,我正在尝试从d3.js实施甘特图.我正在尝试使用以下示例 http://bl.ocks.org/dk8996/5538271 .显然,这是使用javascript而不是打字稿.但是,我似乎大部分都还可以,但是我遇到了一个问题. 这是我的全部方法: createSchedule() { var tasks = [{"startDate":new Da ..
发布时间:2020-07-20 21:44:59 其他开发

打字稿和d3

我有一个使用d3库的应用.在打字稿代码中,为了成功使用d3(即在没有编译器错误TS2686的情况下,d3引用了UMD全局,但当前文件是一个模块),我必须包括以下行: import * as d3 from 'd3'; 问题在于它发出: require('d3'); 在JavaScript中. d3库不在我们的应用程序中.它位于Web应用程序的根目录下,位于名为"d3"的目录中.另外,我根本不需要J ..
发布时间:2020-07-20 21:27:20 其他开发

D3键功能参数未定义

我将数据与元素绑定 首先,我选择我的元素 let trainSelect = svg.selectAll('.train-w-dir'); 当我console.log(trainSelect)时,我得到的元素不是空的 然后我绑定数据 trainSelect .data(schedules, function(d: ISchedule) { ..
发布时间:2020-07-20 21:15:47 前端开发

无法创建堆积的条形图?

我正在使用d3图表创建堆积的条形图.我在前端有按钮.单击按钮时应显示图表.单击按钮时出现以下错误. 错误:属性y:预期长度为"NaN". 错误:属性高度:预期长度"NaN". 错误:属性宽度:预期长度为"10,900". import * as d3 from 'd3'; export class stackedbarchart { sbar(box_id){ ..
发布时间:2020-07-20 21:10:41 前端开发

d3-cloud的打字

我想使用 d3-cloud 在Angular2应用中生成词云.但是,我找不到要安装的正确类型.我尝试了此,但是当我尝试将其导入组件时,那没起效.我不断收到错误消息“在类型中找不到属性布局".有人可以帮我吗? 解决方案 我知道了如何做到这一点.不是正确的Typescript方式,而是使用后备JS方式.这是您的处理方式: import d3库与往常一样,但是给它一个别名:import * ..
发布时间:2020-07-20 21:02:38 其他开发

Angular 2 Typescript d3类型问题:类型"[number,number]"上不存在属性"x"

我正在用d3生成折线图.可以,但是打字稿代码抱怨vs中不存在某个属性. 类型'[数字,数字]'不存在属性'x' 正在查看错误.似乎期望的数据点是一个包含两个数字的数组. 但是我正在传递一个对象. D3应该同时支持我的想法. 有人知道如何在不更改我的数据的情况下摆脱此错误吗? 解决方案 以下是解决方案.我需要使用泛型: ..
发布时间:2020-07-20 21:01:42 其他开发