Как создать d3js гистограмму

Question

Я пытаюсь научиться d3js из http://bost.ocks.org/mike/bar/

Я имею файл CSV со следующими данными

Категория, Предмет, DAY_OF_WEEK Йогурт, черника, 2

Чипсы Складки, 5

Молоко, Whole_Milk, 3

Фрукты, яблоки, 4

орехи, кешью, 1

Как мне сделать диаграмму как этот

Answer 1

Вы можете взять код Майка Босток непосредственно из последнего фрагмента кода на here. Вам придется изменить

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

в

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

(если ваш файл CSV называется data.csv). И вы должны удалить первую категорию столбцов, поскольку вы, похоже, не используете ее.

Так как вы хотите, чтобы написать тип пищи на панели, а не длину изменить

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

в

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

Here is a jsfiddle