在VS里用D3写HTML代码，然后在浏览器中打开，显示不出数据，但是显示坐标轴

最新推荐文章于 2025-04-23 22:09:51 发布

原创

最新推荐文章于 2025-04-23 22:09:51 发布 · 852 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #html #爬虫

在Visual Studio中使用D3.js编写HTML代码时，虽然能在浏览器中看到坐标轴，但数据无法正常显示。问题在于CSV文件与HTML不在同一文件夹，以及CSV文件的编码格式不是UTF-8。解决方法包括将CSV文件移至同一文件夹，并使用记事本以UTF-8格式保存CSV文件。

在VS里用D3写HTML代码，然后在浏览器中打开，显示不出数据，但是显示坐标轴
问题如图
在这里插入图片描述

至于为什么会显示坐标轴呢？
原因：在HTML的代码里我们设置了坐标轴

d3.csv("ex1.csv", function (error, data) {
                if (error)
                    console.log(error);
                else
                    console.log(data);
            // X axis
            var x = d3.scaleBand()
                .range([0, width])
                .domain(data.map(function (d) { return d.Country; }))
                .padding(0.2);
            svg.append("g")
                .attr("transform", "translate(0," + height + ")")
                .call(d3.axisBottom(x))
                .selectAll("text")