我试图了解如何运行一些代码。我想用 JSON 文件中的数据绘制圆圈。我不太确定如何解决这个问题。我想我搞砸了没有连接文件,或者我的 JSON 文件设置不正确......我的最终目标是制作一个连接的散点图,所以现在,我只关注圆圈。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<svg id="s" xmlns="http://www.w3.org/2000/svg" />
<script type="text/javascript">
function makeSVG(tag, attrs) {
var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
for (var k in attrs)
el.setAttribute(k, attrs[k]);
return el;
}
var data;
$.getJSON("https://raw.githubusercontent.com/Nataliemcg18/Data/master/temp.json", function(data) {
draw(data);
});
var circle = makeSVG('circle', {
cx: 100,
cy: 50,
r: 40,
stroke: 'black',
'stroke-width': 2,
fill: 'red'
});
var data
document.getElementById('s').appendChild(circle);
</script>
<svg width="1000" height="1000">
<line x1="200" y1="100" x2="200" y2="600" height="1000" width="1000" style="stroke:black;stroke-width:2" />
<line x1="200" y1="600" x2="900" y2="600" height="1000" width="1000" …Run Code Online (Sandbox Code Playgroud)