Javascript 如何创建d3js条形图
我正在努力学习d3js 我有以下数据的csv文件 类别、项目、每周的第天 酸奶,蓝莓,2 薯条,荷叶边,5 牛奶,全脂牛奶,3 水果,苹果,4 坚果,腰果,1 我如何制作这样的图表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)。您应该删除第一列类别,因为您似乎没有使用它 因为你想在吧台上写食物类型,而不是你改变
您可以直接从上一篇文章的最后一个片段中获取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; });