本文档描述了作者在尝试使用d3.js从外部json文件加载数据来创建线图时遇到的问题。当json数据内联在HTML中时，代码正常工作，但将数据移到单独的linedata.json文件后，浏览器显示空白页面。作者询问可能的错误原因，并提到已检查HTML和JSON文件位于同一目录中。
我对d3.js非常陌生，并且正在使用d3.js中的json数据创建线图。当json数据位于html文件中时，该代码运行良好，但我想从html中提取数据并将数据作为json文件引用。样品的index.html看起来是这样的：在d3.js中导入json文件
function InitChart() {
var data = [{
"sale": "202",
"year": "2000"
}, {
"sale": "215",
"year": "2002"
}, {
"sale": "179",
"year": "2004"
}, {
"sale": "199",
"year": "2006"
}, {
"sale": "134",
"year": "2008"
}, {
"sale": "176",
"year": "2010"
}];
var vis = d3.select("#visualisation"),
WIDTH = 1000,
HEIGHT = 500,
MARGINS &
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
