栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

从JSON字符串而不是JSON文件渲染D3图

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

从JSON字符串而不是JSON文件渲染D3图

首先,让我们看一下

d3.json

d3.json("/assets/flare.json", function(root) {    // pre that uses the object 'root'});

/assets/flare.json
将从服务器加载文件,将内容解释为JSON,并将结果对象作为
root
参数传递给匿名函数。

如果您已经有了JSON对象,则无需使用该

d3.json
函数-您可以直接使用该对象。

var root = {   "name": "flare",   "children": [     ...   ]};// pre that uses the object 'root'

如果对象表示为字符串,则可以使用

JSON.parse
获取对象:

var myString = '{"name": "flare","children": [ ... ] }';var root = JSON.parse(mystring);// pre that uses the object 'root'

其次,让我们看看

d3.layout.cluster
您对数据的期望。根据文档:

…默认的子级访问器假定每个输入数据都是具有子级数组的对象…

换句话说,您的数据必须采用以下形式:

var mystring = '{    "name": "Product",    "children": [        { "name": "id", "type": "number", "description": "Product identifier", "required": true        },        ...        { "name": "stock", "type": "object", "children": [     {         "name: "warehouse",         "type": "number"     },     {         "name": "retail",         "type": "number"     } ]        }    ]}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/609173.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号