在Meteor中,如何从.tsv文件导入数据以在d3.js图表​​中使用?

时间:2015-01-22 23:01:55

标签: javascript d3.js meteor

当我调用如下函数时,数据对象未定义,图表不会呈现。如何使用Meteor导入此数据?

更新: 我按照下面this SO thread@ethaan's的答案尝试deps.autorun...。这让我的图表得以呈现。

然而,奇怪的是,它使用完全错误的数据集进行渲染。很有意思... 这是github上我项目当前状态的链接:https://github.com/goodwordalchemy/Reactive-line-graph-with-meteor/tree/master/barChart_pt2-meteor 查看waffles.tsv(更改名称以区分名为data.tsv的旧文件,其中d3似乎正在加载)。

以下是获取渲染内容的屏幕截图: But is a screenshot of what's getting rendered

更新II:根据this SO article我将数据文件移动到公共文件夹中,并且我能够在浏览器中呈现我的图表。但是,图表不是反应性的。如果我更改.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
    }
}

1 个答案:

答案 0 :(得分:1)

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
    }
 })

}

渲染错字?,渲染不存在