在d3堆积区域图表中鼠标悬停时显示“rect”内的工具提示值

时间:2016-07-13 10:31:30

标签: javascript d3.js

JSONObject mainJsonObject = getJSONfromURL(URL);
JSONObject bpi = mainJsonObject.getJSONObject("bpi");
JSONObject gbp = bpi.getJSONObject("GBP");
String code = gbp.getString("code");

您好,我正在尝试使用D3绘制堆积面积图。直到现在我能够成功绘制图表并在鼠标悬停时图表上显示一个矩形和矩形上方的相应数据值。但是我希望在鼠标悬停时显示矩形内部的数据值,而不是矩形外部。我在这做错了什么。请帮我。我被卡住了。感谢您提前提供任何帮助。

1 个答案:

答案 0 :(得分:3)

您可以通过翻译来定位文本:

所以你可以改变:

mousePerLine.append("text")
      .attr("transform", "translate(10,3)");

对此:

mousePerLine.append("text")
      .attr("transform", "translate(10,13)");//this will move 10 points down

工作代码here