csv - 错误:属性高度:预期长度,“NaN”
问题描述
我正在尝试使用从 WHO 网站下载的数据将条形图制作成 Excel 文档。我的 .csv 就是这样(尝试了带和不带“s)
"WHO_region","percentage"
"Africa",52.2
"Americas",83
"South-East Asia",75.1
"Europe",75.1
"Eastern Mediterranean",63.6
"Western Pacific",89.7
我正在尝试使用百分比列来确定我的条形图的高度,我已经将“百分比”拉出来作为它自己的变量,而我正在使用它,因为它更干净一点?没有任何工作 - 不是 parseFloat、parseInt 等?为什么会这样?完整代码如下:
<script type="text/javascript">
//declare global variables
var w = 600, h = 200, padding = 30, margin = 30;
//import the .csv data
d3.csv("WHO_familyplanningdata.csv", function(data) {
console.log(data)});
//create the SVG
var svg = d3.select("body")
.append("svg")
.attr("width", w)
.attr("height", h);
//import the .csv data
d3.csv("WHO_familyplanningdata.csv", function(data) {
console.log(data);
//clean up data
var percent = parseInt(data.percentage)
//create rects, and add them to the SVG
svg.selectAll("rect")
.data(data)
.enter()
.append("rect")
.attr("x", function(d,i) {
return i * (w / data.length);
}) //distributes them across the x axis
.attr("y", 0)
.attr("width", (w / data.length) /2)
.attr("height", function(d, i) {
return percent;
});
}); //end of the data wrapping
</script>
非常感谢任何帮助 - 谢谢!:)
解决方案
推荐阅读
- python - 在 pysnopper 中调试 python 的最佳方法
- angular - 如何使用 Leaflet 在点击时设置新的纬度和经度?
- azure - Azure 虚拟机 SSL 证书
- r - eval 中的错误(predvars,data,env):找不到对象“客户计数”
- hibernate - 创建名为“entityManagerFactory”的bean时出错-Spring boot不接受我的entityManager
- ruby-on-rails - 预览视频附件 Rails Admin, Active Storage
- python - 如何从存储桶中下载 csv 文件然后在函数中使用?
- python - 根据列元素中的单词(部分匹配或完整)将多个标签匹配到列
- sass - Sass:如何获取当前 .sass 文件的文件系统的绝对路径?
- javascript - 如何解决“未知错误:Chrome 无法启动:异常退出”