Question

我使用平行坐标来显示某些数据。我使用了以下网站的大部分代码：

https://syntagmatic.github.io/parallel-coordinates/examples/table.html

现在，我想在垂直线的标签上添加工具提示。当用户将鼠标悬停在标签上时，该标签的说明将显示在框中。

我想通过if else函数手动添加每个标签的描述，因为我没有存储在数据库中的描述。在某种程度上，如果有人徘徊在＆＃34;气瓶＆＃34; （它是一个轴的标签）与框中出现的相关描述。

我用过＆＃34; mouseover＆＃34;在下面的代码中，但它不起作用：

g.append("svg:g")
  .attr("class", "axis")
  .attr("transform", "translate(0,0)")
  .each(function(d) { d3.select(this).call(axis.scale(yscale[d])); })
.append("svg:text")
  .attr({
    "text-anchor": "middle",
    "y": -10,
    "transform": "translate(0,-5) rotate(" + __.dimensionTitleRotation + ")",
    "x": 0,
    "class": "label"
  })
  .text(function(d) {
    return d in __.dimensionTitles ? __.dimensionTitles[d] : d;  // dimension display names
  })
  .on("dblclick", flipAxisAndUpdatePCP)
  .on("mouseover", function(d){
             if d == "economy" {
                 return popover("some descition about economy");
             }else ifd == ""cylinder" {
                 return popover("some descition about cylinder");
             });

我知道它有一些问题，但不知道如何解决它。有人可以帮帮我吗？

Answer 1

您需要为工具提示添加html div并根据鼠标的位置进行修改。您可以参考以下块来获取更多信息： http://bl.ocks.org/wdickerson/64535aff478e8a9fd9d9facccfef8929

Javascript：如何通过将鼠标悬停在轴标签上来显示工具提示

1 个答案: