【问题标题】:Using variables in NVD3 Tooltip在 NVD3 工具提示中使用变量
【发布时间】:2013-11-27 22:08:51
【问题描述】:

我正在使用 NVD3 multiBarHorizo​​ntalChart 来显示一些堆叠数据。每个系列是一种记录,然后值是满足特定条件的记录数。

我想修改工具提示,以便该值显示符合条件的记录总数中键入“33 / 100”而不是现在的“33”。

我已经看到 nvd3 piechart.js - How to edit the tooltip? 并将值添加到我传递给 datum 参数的 json 中,但我不确定如何在函数中引用它。

【问题讨论】:

  • 你能添加你的代码示例吗?
  • 我认为在您链接到的那个问题中,您的数据元素是 e
  • 啊 - 我已经将 e 登录到控制台,现在可以看到了。

标签: javascript d3.js tooltip nvd3.js


【解决方案1】:

系列的属性存储在e.series中

在我将总变量传递给 Json 的情况下,我修改了 multiBarHorizo​​ntalChart.js,使函数现在看起来像:

tooltip = function(key, x, y, e, graph) {
    return '<h3>' + key + ' - ' + x + '</h3>' +
           '<p>' +  y + '/' + e.series.total + '</p>'
  }

【讨论】:

  • 接受你的回答,这样它会帮助别人。
猜你喜欢
  • 2014-09-08
  • 2018-06-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-18
  • 2014-12-14
  • 2016-03-06
相关资源
最近更新 更多