【问题标题】:Two sided bar chart with d3.js带有 d3.js 的双面条形图
【发布时间】:2013-11-07 21:56:38
【问题描述】:

我需要一个用 d3.js 创建的双边水平条形图,其中所有边都有正值:

它应该看起来像这样,例如:

http://www.annielytics.com/wp-content/uploads/2012/12/sexy-bar-chart.png

我有 3 个类别,每个类别都有两个值,一个显示在左侧,另一个显示在 x 轴的右侧。

我找到了这段代码,但修改失败:d3.js bar chart with pos & neg bars (win/loss) for each record

【问题讨论】:

  • 您在尝试编辑代码时是否遇到任何特殊问题?是不是manytutorialsaround 中没有涵盖的东西?如果我们知道您的问题所在,我们将能够更好地为您提供帮助。
  • 您好,感谢您的回复。我试图修改代码,我在 x 轴正值的两侧都有。即来自 [70,50,25,0,25,50,70] 的域我在第 8248 行之后将 D3 库修改为:tick[0].forEach(function(a){ a.childNodes[1].textContent = Math .abs(parseInt(a.childNodes[1].textContent)); });就像那样,我能够得到我想要的结果,但在这种情况下这不是正确的解决方案,所以我更愿意为另一个更合适的例子......

标签: javascript charts d3.js


【解决方案1】:

您可能想看看这个并查看代码: http://vida.io/discussion/ZETDBs8uePfrmQ24g

它似乎有你要找的东西。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-11-05
    • 2012-11-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-05-27
    相关资源
    最近更新 更多