如何解决在Angular 10应用程序中使用susielu / d3-注释
我正在尝试将susielu / d3-注释导入并使用到一个有角项目中。
"@types/d3": "^5.7.2","d3": "5.15.0","d3-svg-annotation": "^2.5.1",
那是我package.json的一部分
在组件内部,我可以将d3与以下导入配合使用:
import * as d3 from 'd3';
尝试像这样加载注释库:
import * as d3Annotation from 'd3-svg-annotation'
仅不会扩展d3库,因此我无权访问d3.annotation()
方法。
环顾四周,我没有找到解决方案,但是我敢肯定这是微不足道的。
解决方法
使用上面的导入和以下代码:
const makeAnnotations: any = d3Annotation.annotation()
.type(d3Annotation.annotationLabel)
.annotations(annotations)
d3.select("#c_boh")
.append("g")
.attr("class","annotation-group")
.call(makeAnnotations)
有效,关键是定义任何注释广告,然后.call
起作用
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。