简单的d3.js示例图表即可开始使用

Question

我查看了d3.js网站上的所有图表示例，但要理解它太复杂了。 我想要的是绘制x轴和y轴并绘制像

这样的json数据

{count:100,year:1999}
{count:240,year:2010}
{count:290,year:2009}

依靠x轴和y轴上的年份。任何人都可以提供一个简单的样本来开始。

Answer 1

这两个沙箱有助于理解d3 - http://phrogz.net/js/d3-playground/#VerticalBars_HTML（虽然有些例子不再适用）和http://enjalot.com - 支流。

以下是基于您的数据的条形图的开头：http://enjalot.com/inlet/4125640/

Answer 2

这是我使用的nvd3

  [{values: 
              [{"value":3,"label":"17 hr"},
               {"value":2,"label":"18 hr"},
               {"value":1,"label":"19 hr"}]
    }];

此处标签是x轴，值是y轴

Answer 3

你看过this教程了吗？它似乎很简单地分解，从一个基本的图表到一个更复杂的svg例子。一旦这些看起来有意义，您可以尝试用您的JSON替换数据变量并从那里开始。