小编Max*_* Hf的帖子

我正在学习d3.js我正在大学做的一个项目.我的问题是当我将一个轴附加到我的svg对象时,整个svg从浏览器中的站点消失.我已经使用了一些类似的代码示例也试过这个,但它不工作要么.

这是我的代码:

<!DOCTYPE HTML>
<html>
<head>
    <title>Data</title>
    <script src="https://d3js.org/d3.v4.0.0-alpha.44.min.js"></script>
</head>
<body>
    <script>

        var data_1 = [23, 54, 67, 12, 4];
        var data_2 = [1, 2, 3, 4, 5];

        var width = 800;
        var height = 800;

        var mapScale = d3.scaleLinear()
                            .domain([0, 70])
                            .range([0, width - 40]);

        var axisBot = d3.svg.axis();
                            .scale(mapScale);

        var axisLft = d3.axisLeft(data_1);


        var canvas = d3.select('body')
                        .append('svg')
                        .attr('width', width)
                        .attr('height', height);


        var xsCont = canvas.append('g') 
                            .call('axisBot');

        var lines = canvas.selectAll('rect')
                            .data(data_1)
                            .enter()
                                .append('rect')
                                .attr('width', function(d) …