如何创建d3js条形图

Question

我正在尝试从http://bost.ocks.org/mike/bar/

学习d3js

我正在使用包含以下数据的csv文件

类别，项目，DAY_OF_WEEK 酸奶，蓝莓，2

薯条，掀动，5

奶，Whole_Milk，3

水果，苹果，4

坚果，腰果，1

如何制作这样的图表

Answer 1

您可以直接从here上的最后一个片段中获取Mike Bostock的代码。你将不得不改变

d3.tsv("data.tsv", type, function(error, data) {

到

d3.csv("data.csv", type, function(error, data) {

（如果您的csv文件名为data.csv）。您应该删除第一列Category，因为您似乎没有使用它。

因为你想在栏上写下食物类型而不是你改变的长度

     .text(function(d) { return d.value; });

到

     .text(function(d) { return d.name; });

Here is a jsfiddle