Javascript 如何创建d3js条形图

Javascript 如何创建d3js条形图,javascript,d3.js,visualization,Javascript,D3.js,Visualization,我正在努力学习d3js 我有以下数据的csv文件 类别、项目、每周的第天 酸奶,蓝莓,2 薯条,荷叶边,5 牛奶,全脂牛奶,3 水果,苹果,4 坚果,腰果,1 我如何制作这样的图表 您可以直接从上一篇文章的最后一个片段中获取Mike Bostock的代码。你必须改变 d3.tsv("data.tsv", type, function(error, data) { 到 (如果您的csv文件名为data.csv)。您应该删除第一列类别,因为您似乎没有使用它 因为你想在吧台上写食物类型,而不是你改变

我正在努力学习d3js

我有以下数据的csv文件

类别、项目、每周的第天 酸奶,蓝莓,2

薯条,荷叶边,5

牛奶,全脂牛奶,3

水果,苹果,4

坚果,腰果,1

我如何制作这样的图表

您可以直接从上一篇文章的最后一个片段中获取Mike Bostock的代码。你必须改变

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

(如果您的csv文件名为data.csv)。您应该删除第一列类别,因为您似乎没有使用它

因为你想在吧台上写食物类型,而不是你改变的长度

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


您提供的链接准确地解释了如何做到这一点。您到底遇到了什么问题?我想从文件中读取值,但不知道如何读取?从文件中读取值:
     .text(function(d) { return d.value; });
     .text(function(d) { return d.name; });