【问题标题】:In Meteor, how can I import data from a .tsv file to use in a d3.js chart?在 Meteor 中,如何从 .t​​sv 文件导入数据以在 d3.js 图表中使用?
【发布时间】:2015-03-21 22:07:37
【问题描述】:

当我调用如下函数时,数据对象未定义,图表不会呈现。如何使用 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 似乎正在加载该文件)。

下面是渲染内容的屏幕截图:

更新二:根据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
    }
}

【问题讨论】:

    标签: javascript d3.js meteor


    【解决方案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
        }
     })
    
    }
    

    渲染时出现错别字?,渲染不存在

    【讨论】:

    • 很抱歉。这只是问题的最小再现中的一个错字。
    • 这行得通,但现在我遇到了一个奇怪的问题...如果您有兴趣,请查看我的问题的编辑
    • 你要加载的数据,我在 jsFile 上看到,你有 var data = [4, 8, 15, 16, 23, 42];,所以对我来说没关系,你想加载什么数据到图表?,来自 @987654324 的 .tsv @ 文件夹?顺便说一句,如果我的回答对您有帮助,您会很高兴将其标记为接受者或投票赞成,
    • 原谅我的新手...我没有正确提交并将项目推送到 github。我现在已经有了正确的版本。我想上传项目中的tsv文件。问题是,它还没有反应......有什么想法吗?
    猜你喜欢
    • 2018-07-07
    • 1970-01-01
    • 2016-08-17
    • 2013-03-23
    • 2018-03-18
    • 2021-03-02
    • 2013-06-20
    • 2019-08-17
    • 1970-01-01
    相关资源
    最近更新 更多