【问题标题】:result not coming with d3js?结果没有随 d3js 一起出现?
【发布时间】:2013-07-02 08:29:33
【问题描述】:

在 stackoverflow 人员的大量帮助下,终于解决了我的 json,现在看起来不错。

luck.json--->

 {
        "PERFECT_JSON_object":
        {
            "51b59c1bbae1c":
                    [
                        { "id": "parties", "float_1": "0.006" , "float_2": "0.9"},
                        { "id": "royal-challenge",  "float_1": "0.02" , "float_2": "0.333" },
                        { "id": "star-speak","float_1": "0.02","float_2":"0.1" }
                    ],
            "51b59c1bbae3c":
                    [
                        { "id": "parties","float_1": "0.006" , "float_2": "0.9"},
                        { "id": "star-speak","float_1": "0.02", "float_2": "0.009" }
                    ],
            "51b59c1bbae5c":
                    [
                        { "id": "parties","float_1": "0.006" , "float_2": "0.9"}
                    ]
        }
    }

我一直在尝试使用 json 来了解 d3js,我必须说我已经取得了相当大的进步。但是我仍然无法使用 json 数据获得输出。

我浏览了这些链接,但需要帮助。

  1. https://github.com/mbostock/d3/wiki/Requests
  2. d3.js & json - simple sample code?
  3. Access / process (nested) objects, arrays or JSON

MyFIDDLE 带 json(没有输出,这里有问题)

同样使用一些静态值(without Json)-- This 是我想要的结果。

我知道 d3.json 方法 需要 json 文件在服务器上。作为临时基础,由于 json 文件很小,我们可以将它直接包含在我们的 d3 脚本中的变量中吗? 我认为我以错误的方式弄乱了 json 数据。有人可以帮助我吗

【问题讨论】:

  • 我在工作,实际上看不到您的 JSFiddle,但您能在此处粘贴您调用 d3.json 函数的代码部分吗?您是否在 JSFiddle 中将文件名传递给它?

标签: javascript jquery json d3.js visualization


【解决方案1】:

是的,您可以将 JSON 添加到变量中并以这种方式运行。有关更新的 jsfiddle,请参阅 here。你基本上只是在var data = 之后添加你的 JSON。

【讨论】:

  • 这是你的代码 Lars。(如果你还记得的话,是渐变的!!)。当其余部分没有出现时,我遇到了问题。观看没有 json 的链接
  • :访问 json 对我来说是个大问题!!! d.value[2] 不是正确的方法..我认为!!!
  • 嗯,目前它确实有效。是的,从长远来看,您可能想要更改它,但这需要对您的 JSON 和代码进行大量更改。我建议您查看一些优秀的 D3 教程,以了解数据是什么样的以及如何使用它。
  • 在那个jsfiddle中,你也在使用d.value[2]。我想我的观点是,如果我只是重构你的代码让你“正确”地做,对你来说几乎没有什么好处。下次你做这样的事情时,你会再次挣扎。您需要从头开始,了解自己在做什么以及为什么。
  • 我没有受伤,别担心。我很高兴你终于得到了你需要的帮助。希望你也从中学到一些东西——比如了解人们何时真正在帮助你。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-04-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-30
  • 1970-01-01
相关资源
最近更新 更多