从csv创建阵列以与D3.js库一起使用
从csv创建阵列以与D3.js库一起使用
提问于 2016-01-30 06:17:27
我有这份简历
<script id="cur_data" type="text/csv">Russian Federation,Italy,France,Luxembourg,Greece,Japan,Others
293,302,91,7,7,7,53</script>如何创建适合d3.js库的数组格式？
回答 2
Stack Overflow用户
发布于 2016-01-30 06:29:25
最好将它保存为一个单独的CSV文件，您可以异步加载该文件。因此，将数据保存在data.csv中，然后使用d3::csv()加载它，如下所示：
d3.csv("data.csv", function(data){
console.log(data);
});如果你真的想把它放在一个<script>标记中，那就把它放在一个数组中或者任何合适的数据结构中。
<script>
var data = [
{
country: "Russian Federation",
value: 293
},
{
country: "Italy",
value: 302
},
{
country: "France",
value: 91
},
{
country: "Luxembourg",
value: 7
},
{
country: "Greece",
value: 7
},
{
country: "Japan"
value: 7
},
{
country: "Others",
value: 53
}
];
</script>然后使用d3.js拥有的任何函数中的数据。通常情况下，您不会使用type="text/csv"创建<script>标记。如果有什么不同的话，那就是使用text/javascript，因为它主要只用于JavaScript。请参阅MDN script tag documentation
Stack Overflow用户
发布于 2016-01-30 06:42:48
CSV不容易解析(可选引号、转义字符、未规范化的分隔符(制表符、逗号、分号...))你应该为此使用一个库(d3有一个)
var csvSource = document.querySelector("#cur_data").textContent;
var data = d3.csv.parse(csvSource);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35095049
复制相关文章
相似问题
腾讯云开发者
