Javascript Can'；t呈现一个简单的HTML页面示例
我在学校看到了一个例子 我正在使用“基本图形”示例 我想在我自己的本地计算机上复制这个例子 我创建了一个包含两个文件的目录：trial.html和charlize.json，并复制了代码 我所做的唯一改变就是转换Javascript Can'；t呈现一个简单的HTML页面示例,javascript,html,json,alchemy.js,Javascript,Html,Json,Alchemy.js,我在学校看到了一个例子 我正在使用“基本图形”示例 我想在我自己的本地计算机上复制这个例子 我创建了一个包含两个文件的目录：trial.html和charlize.json，并复制了代码 我所做的唯一改变就是转换 dataSource: 'data/charlize.json', 到 当我打开trial.html时，我看不到网络图。我得到一个空白的白色HTML页面。我看不出有什么不同 Alchemy.js说我不需要安装任何库，头部有一个指向CSS样式的链接，我不知道我还需要什么 更新（工作代
dataSource: 'data/charlize.json',
变量配置={
数据源：'./charlize.json'，
};
炼金术=新炼金术（配置）
var json={
评论：“查理兹·塞隆的‘自我’网络为GraphJSON”，
节点：[
{
描述：“银幕演员协会奖，表彰女演员在迷你剧或电视电影中的出色表现”，
类型：“奖励”，
身份证号码：595472
},
{
描述：“玉米之子III：城市收获”，
类型：“电影”，
身份证号码：626470
},
{
描述：“梦游”，
类型：“电影”，
身份证号码：795744
},
{
描述：“你做的事！”，
类型：“电影”，
身份证号码：692946
},
{
描述：“被困”，
类型：“电影”，
身份证号码：689794
},
{
描述：“头在云端”，
类型：“电影”，
身份证号码：709577
},
{
描述：“在雷诺醒来”，
类型：“电影”，
身份证号码：635905
},
{
描述：“西雅图战役”，
类型：“电影”，
身份证号码：734583
},
{
描述：“强大的乔·杨”，
类型：“电影”，
身份证号码：662595
},
{
描述：“奥斯卡最佳女主角奖”，
类型：“奖励”，
身份证号码：593781
},
{
描述：“魔鬼代言人”，
类型：“电影”，
身份证号码：740763
},
{
描述：“电影演员协会奖，表彰演员在电影中的出色表现”，
类型：“奖励”，
身份证号码：595440
},
{
描述：“最佳女演员银熊奖”，
类型：“奖励”，
身份证号码：601507
},
{
描述：“玉蝎的诅咒”，
类型：“电影”，
身份证号码：649461
},
{
描述：“MTV最佳女性表演电影奖”，
类型：“奖励”，
身份证号码：595074
},
{
描述：“15分钟”，
类型：“电影”，
身份证号码：634248
},
{
描述：“燃烧的平原”，
类型：“电影”，
身份证号码：670704
},
{
描述：“彼得·塞勒斯的生与死”，
类型：“电影”，
身份证号码：794982
},
{
描述：“普罗米修斯”，
类型：“电影”，
身份证号码：608746
},
{
描述：“青少年选择奖-最佳夏季电影明星：女”，
类型：“奖励”，
身份证号码：599909
},
{
描述：“芝加哥电影评论家协会最佳女演员奖”，
类型：“奖励”，
身份证号码：623686
},
{
描述：“金球奖最佳女配角-连续剧、迷你剧或电视电影”，
类型：“奖励”，
身份证号码：598027
},
{
描述：“金球奖最佳女主角-音乐剧或喜剧电影”，
类型：“奖励”，
身份证号码：595206
},
{
描述：“疯狂的麦克斯：愤怒之路”，
类型：“电影”，
身份证号码：804341
},
{
描述：“在以拉谷”，
类型：“电影”，
身份证号码：621675
},
{
描述：“银幕演员协会奖，表彰女主角的杰出表演”，
类型：“奖励”，
身份证号码：593954
},
{
描述：“金覆盆子最差女演员奖”，
类型：“奖励”，
身份证号码：594134
},
{
描述：“哈瓦那东部”，
类型：“电影”，
身份证号码：609415
},
{
描述：“道路”，
类型：“电影”，
身份证号码：627715
},
{
描述：“金球奖最佳女演员-剧情片”，
类型：“奖励”，
身份证号码：593776
},
{
描述：“查尔斯·雅各布斯·塞隆”，
类型：“人”，
身份证号码：314008
},
{
描述：“杰克逊·塞隆”，
类型：“人”，
身份证号码：314009
},
{
描述：“黄金时间艾美奖，颁发给一部迷你剧或电影的杰出女配角”，
类型：“奖励”，
身份证号码：595684
},
{
描述：“苹果酒屋规则”，
类型：“电影”，
身份证号码：801237
},
{
描述：“宇航员的妻子”，
类型：“电影”，
身份证号码：657006
},
{
描述：“广播电影评论家协会最佳女演员奖”，
类型：“奖励”，
身份证号码：601849
},
{
描述：“汉考克”，
类型：“电影”，
身份证号码：652245
},
{
描述：“查理兹·塞隆”，
根：是的，
身份证号码：314003
},
{
描述：“斯图尔特·汤森”，
类型：“人”，
身份证号码：314004
},
{
dataSource: 'charlize.json', ( I also tried ./charlize.json)
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/alchemy.min.css" />
</head>
<body>
<div class="alchemy" id="alchemy"></div>
<script src="http://cdn.graphalchemist.com/alchemy.min.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/alchemy.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/alchemyjs/0.4.2/scripts/vendor.js"></script>
<script type="text/javascript">
var config = {
dataSource: './charlize.json',
};
alchemy = new Alchemy(config)
</script>
</body>
</html>