2

我是 D3 的新手,我希望使用类似于 Glassdoor 使用的图表来显示不同服务的价格范围(最低价、中价、最高价)(参见此示例:http ://bit.ly/1koKeLL ) .

在此处输入图像描述

它是一个水平条形图,在右侧和左侧具有可变边距,以便以图形方式显示低、中值和高数据点。有谁知道实现这一点的最佳方法,尤其是对于刚刚学习 D3 的人?

4

1 回答 1

2

我认为这个人很好地实现了一个比你的图表更复杂的图表:

D3 中的子弹图

在此处输入图像描述

但是,如果您想了解 D3,并以智能和高效的方式使用它,我强烈的建议是:

不要走捷径。

这意味着在您开始实施任何东西之前,您至少要阅读一个很好的教程,并至少简要了解一下 D3 文档。

一个很好的教程在这里。完成所有20 节课。在本地机器上实现所有示例。你可以在几天内完成。只有这样你才能回到你的例子。

不要被您可以在网上找到的故事所诱惑,例如“我昨天开始使用 D3,现在我创建了最疯狂的可视化”。它们要么是谎言,要么是极度的无知。

于 2014-01-07T23:51:37.140 回答