在 Meteor 中,如何从 .tsv 文件导入数据以用于 d3.js 图表?
In Meteor, how can I import data from a .tsv file to use in a d3.js chart?
当我调用如下函数时,数据对象未定义,图表不会呈现。我如何使用 Meteor 导入这些数据?
更新:
我正在根据下面的 this SO thread and @ethaan's 回答尝试 deps.autorun...
。这让我的图表呈现。
然而,奇怪的是,它使用完全错误的数据集进行渲染。很有意思...
这是 link 我在 github 上的项目的当前状态:https://github.com/goodwordalchemy/Reactive-line-graph-with-meteor/tree/master/barChart_pt2-meteor
查看 waffles.tsv(更改名称以区别于名为 data.tsv 的旧文件,d3 似乎正在加载)。
这是渲染内容的屏幕截图:
更新 II:根据 this SO article,我将我的数据文件移动到 public 文件夹中,并且我能够在浏览器中呈现我的图表。但是,该图表不是反应性的。如果我更改 .tsv 文件,图表中的数据不会更改....
Template.d3chart.rendered = function(){
// chart attributes and scale are defined up here...
var chart = d3.select(".chart")
d3.tsv("data.tsv", type, function(error, data) {
// callback function
}
}
Template.d3chart.rendered = function(){
// chart attributes and scale are defined up here...
Tracker.autorun(function(){
var chart = d3.select(".chart")
d3.tsv("data.tsv", type, function(error, data) {
// callback function
}
})
}
渲染错字?渲染不存在
当我调用如下函数时,数据对象未定义,图表不会呈现。我如何使用 Meteor 导入这些数据?
更新:
我正在根据下面的 this SO thread and @ethaan's 回答尝试 deps.autorun...
。这让我的图表呈现。
然而,奇怪的是,它使用完全错误的数据集进行渲染。很有意思... 这是 link 我在 github 上的项目的当前状态:https://github.com/goodwordalchemy/Reactive-line-graph-with-meteor/tree/master/barChart_pt2-meteor 查看 waffles.tsv(更改名称以区别于名为 data.tsv 的旧文件,d3 似乎正在加载)。
这是渲染内容的屏幕截图:
更新 II:根据 this SO article,我将我的数据文件移动到 public 文件夹中,并且我能够在浏览器中呈现我的图表。但是,该图表不是反应性的。如果我更改 .tsv 文件,图表中的数据不会更改....
Template.d3chart.rendered = function(){
// chart attributes and scale are defined up here...
var chart = d3.select(".chart")
d3.tsv("data.tsv", type, function(error, data) {
// callback function
}
}
Template.d3chart.rendered = function(){
// chart attributes and scale are defined up here...
Tracker.autorun(function(){
var chart = d3.select(".chart")
d3.tsv("data.tsv", type, function(error, data) {
// callback function
}
})
}
渲染错字?渲染不存在