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

最新推荐文章于 2021-07-04 21:55:13 发布

WQLWWW

最新推荐文章于 2021-07-04 21:55:13 发布

阅读量738

点赞数

分类专栏： HTML D3 文章标签： html5 html 爬虫

本文链接：https://blog.csdn.net/WQLWWW/article/details/118198752

版权

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

摘要由CSDN通过智能技术生成

在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," + h