html多个表格一个页面显示不出来了,javascript – 在单个html页面中显示多个d3.js图表...

我有d3.js代码粘贴

here.

我试图在同一页面中显示多个图表.虽然d3.js代码是相同的.从data1.json中说一个,从data2.json中说另一个.以下是困扰我的片段.

var svg2 = d3.select("svg"),

margin = 20,

diameter = +svg2.attr("width"),

g = svg2.append("g").attr("transform", "translate(" + diameter / 2 + "," + diameter / 2 + ")");

根据SO here,here,here,here或here中的不同答案,解决方案似乎是以下之一：

>使用不同的变量名来保存svgs,如svg1,svg2 ..等.

我做过的.

>使用here所述的方法.

var chart1 = d3.select("#area1")

.append("svg")

方法二对我不起作用,因为它显示空白页面.

如何解决这个问题.我确信我没有正确地获得语法.