Javascript d3-在同一页上使用d3 v3和d3 v4

Javascript d3-在同一页上使用d3 v3和d3 v4,javascript,d3.js,yesod,Javascript,D3.js,Yesod,以下是本指南的内容:,我已经将D3V3和D3V4导入到我的项目中(请注意,我使用的是Yesod) 饼图 var svg = d3v3.select("#piechart") .append("svg") .append("g") svg.append("g") .attr("class", "slices"); svg.append("g&q

以下是本指南的内容:,我已经将D3V3和D3V4导入到我的项目中(请注意,我使用的是Yesod)

饼图

var svg = d3v3.select("#piechart")
    .append("svg")
    .append("g")

svg.append("g")
    .attr("class", "slices");
svg.append("g")
    .attr("class", "labels");
svg.append("g")
    .attr("class", "lines");

var width = 960,
    height = 450,
    radius = Math.min(width, height) / 2;

var pie = d3v3.layout.pie()
    .sort(null)
    .value(function(d) {
        return d.value;
    });
...
下面是完整Javascript文档的粘贴库

我的问题是,当我运行此文件时,出现以下错误(直方图未呈现,但饼图显示):

未捕获类型错误:path.merge不是函数
轴https://d3js.org/d3.v4.js:623
呼叫https://d3js.org/d3.v3.min.js:3
http://localhost:3000/static/tmp/autogen-zMHMAOmj.js:1
修复回调https://d3js.org/d3.v4.js:11497
发送https://d3js.org/d3.v4.js:11470
呼叫https://d3js.org/d3.v4.js:792
回应https://d3js.org/d3.v4.js:11395

有人能帮我吗?

两个图是否使用相同的
var svg
?使用另一个变量。你是国王,谢谢。很高兴我能帮忙。新年快乐!
var svg = d3v4.select("#my_dataviz")
   .append("svg")
     .attr("width", width + margin.left + margin.right)
     .attr("height", height + margin.top + margin.bottom)
   .append("g")
     .attr("transform",
           "translate(" + margin.left + "," + margin.top + ")");

 // get the data
 d3v4.csv("https://raw.githubusercontent.com/holtzy/data_to_viz/master/Example_dataset/1_OneNum.csv", function(data) {
...
var svg = d3v3.select("#piechart")
    .append("svg")
    .append("g")

svg.append("g")
    .attr("class", "slices");
svg.append("g")
    .attr("class", "labels");
svg.append("g")
    .attr("class", "lines");

var width = 960,
    height = 450,
    radius = Math.min(width, height) / 2;

var pie = d3v3.layout.pie()
    .sort(null)
    .value(function(d) {
        return d.value;
    });
...
Uncaught TypeError: path.merge is not a function
    axis https://d3js.org/d3.v4.js:623
    call https://d3js.org/d3.v3.min.js:3
    <anonymous> http://localhost:3000/static/tmp/autogen-zMHMAOmj.js:1
    fixCallback https://d3js.org/d3.v4.js:11497
    send https://d3js.org/d3.v4.js:11470
    call https://d3js.org/d3.v4.js:792
    respond https://d3js.org/d3.v4.js:11395