rickshaw.js在工具提示中显示其他数据

Question

我有一个启用了工具提示的富裕情节（Rickshaw.Graph.HoverDetail）。我需要在其中显示更多信息，而不仅仅是y系列值。可以用Richshaw完成，还是必须使用底层的d3函数。

Answer 1

对于迟到的回复感到抱歉。是的，您可以使用Rickshaw.Graph.HoverDetail在人力车工具提示中实际渲染任何内容。

让我们假设您有一个需要输入 series ， x 和 y 的函数，并假设我们有另一个数组与x数组相同的长度称为 dates ：

var hoverDetail = new Rickshaw.Graph.HoverDetail({
  graph: graph,
  formatter: function(series, x, y) {
    var content = '<span class="graph-dates">'+dates[x]+'</span><br><span class="graph-price">'+series.name+": "+currency+parseInt(y) +'</span>';
    return content;
  }
});

代码在悬停详细信息上显示所选x点的日期和该日期的价格。

在人力车图的documentation中，您可以找到更多信息。

Here是人力车的实际例子。