javascript - 条形图的工具提示在角度中使用 d3-tip?
问题描述
我使用 d3.js 以角度创建了条形图,但现在我想要它的工具提示。我使用命令“npm install d3-tip”安装了 d3-tip,并将这个包导入为“import * as d3Tip from 'd3-tip'”。但它向我显示以下错误,“d3_tip__WEBPACK_IMPORTED_MODULE_3__.tip 不是函数”。
我的工具提示代码如下
import * as d3 from "d3";
import * as d3Tip from 'd3-tip';
var tip = d3Tip.tip.attr('class', 'd3-tip').html(function(d) { return d; });
var tip = d3.tip().attr('class', 'd3-tip').html(function(d) { return d; })
svg.call(tip);
g.selectAll(".bar")
.data(data)
.on("mouseover", function() {
d3.select(this)
.attr("fill", "red");
})
.on("mouseout", function(d, i) {
d3.select(this).attr("fill", function() {
return "" + d.partNumber + "";
});
})
.enter().append("rect")
.attr("class", "bar")
.attr("x", function(d) { return x(d.partNumber); })
.attr("y", function(d) { return y(d.value); })
.attr("width", x.bandwidth())
.attr("height", function(d) { return height - y(d.value)
});
有人可以帮忙吗?
解决方案
推荐阅读
- amazon-web-services - RDS 数据库集群快照的错误列表标签
- python - 为什么 Series.apply 在带有间隔的列上如此之快?
- wget - Wget 执行相同调用 10 次的语法
- javascript - 重新加载页面焦点
- javascript - 如何在 mocha 单元测试中模拟 document.evaluate() 和 XPathResult?
- c++ - 如何使用按钮更新 GTK3 图像以使用 C++ 从相机捕获图片
- networking - 我在wireshark上有一个小项目,我有点卡住了
- react-native - 如何启用新的 LogBox (RN)
- angular - IE11 和 Angular 问题 - 错误类型错误:对象不支持此操作
- swift - 当我使用“node.physicsBody.velocity”时,我可以在 SCNScene 中获得 SCNNode 位置吗?