Question

我是d3的初学者，想画一个简单的条形图。控制台没有显示任何错误，但不知何故图表不会出现。

col1是分类变量（国家），col2是数字。

如果你们让我知道原因以及如何解决这个问题，那将是一个很大的帮助。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <script type="text/javascript" src="http://d3js.org/d3.v4.js"></script>
    </head>

    <body>
        <script type="text/javascript">

        var w = 500;
        var h = 300; 

        var dataset, xScale, yScale 

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

        d3.csv('data.csv', function(d) {

            var dataset = d;

            xScale = d3.scaleOrdinal()
                                .domain(dataset.map(function(d) { return d['col1']; }))
                                .range([0, w])

            yScale = d3.scaleLinear()
                        .domain([0, d3.max(dataset, function(d) { return d['col2']; })])
                        .range([h - padding, 0])

            svg.selectAll('rect')
                .data(dataset)
                .enter()
                .append('rect')
                .attr('x', function(d) { return xScale(d['col1']); })
                .attr('y', function(d) { return yScale(d['col2']); })
                        });

    </script>
</body>
</html>

d3控制台不显示错误但不显示图表

0 个答案: