所以我试图使用D3.js创建一个分层树图.它应该在QtWebView之上工作,到目前为止,非常好:它可以工作.现在我需要解决应用程序的数据处理位.我的数据以CSV格式存储(不是我的选择,我对此没有任何意见),如下所述.
我的问题是:如何从这个CSV输出JSON？
几天我一直在四处寻找例子,但我被困住了.我只是想知道是否有人可以指出我正确的方向,因为我只是得到了如何使用JSON格式生成数据树的例子以及人们在谈论如何使用插件来输出带Qt的JSON.
我在读取/写入CSV/JSON文件时没有任何问题.我真的需要知道如何制作一个允许我从这些数据输出JSON的算法.
这是我的示例CSV文件(node_type和node_size仅用于显示):
node_id,name,node_size,node_type,parent_node 1,node1,122,4,17 2,node2,127,4,20 3,node3,64,2,5 4,node4,147,5,14 5,node5,146,5,12 6,node6,57,4,10 7,node7,149,1,20 8,node8,141,6,10 9,node9,65,5,10 10,node10,108,2,10 11,node11,97,6,2 12,node12,102,2,5 13,node13,79,6,3 14,node14,90,2,2 15,node15,129,1,8 16,node16,76,1,8 17,node17,68,6,13 18,node18,53,5,7 19,node19,112,6,20 20,node20,147,5,6
编辑:我尝试了Pablo Navarro的提示并为D3.js制作了以下脚本来处理.它没有产生任何错误,但没有显示任何内容.任何人都可以暗示为什么吗？
EDIT2:修复了代码中的拼写错误.
var width = 960, height = 500;
var color = d3.scale.category20();
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var nodesArray = [], edgesArray = [];
d3.csv('nodes.csv', function(data) {
for (var k = 0, n = data.length; k < n; k += 1) {
nodesArray.push({name: data[k].name, size: data[k].node_size, id: …Im learning Javascript, but do not know why this line is written this way. Can someone help explain why javascript is writing code like this?
What does cinnamon && (this.cinnamon = [1, "stick", "Saigon"]) mean?
I understand the first line above it. The second line seems to be doing a comparison operator with &&, but does not assign it to any variable.
var VanillaBean = function(vanilla, cinnamon) {
this.vanilla = [1, "bean", vanilla ? vanilla : "Madagascar Bourbon"];
cinnamon && …我想做这样的事情:
页面A有一个指向页面B的链接页面B
从数据库获取内容并处理它
,页面B的结果显示在页面A的div上
请注意,当页面B处理数据库的信息时,我不想离开页面A.
我真正想做的是避免在网站中使用框架,我想让页面出现在div.这可能吗？
我猜它有点像一个新手问题,但它真的让我烦恼,我甚至不知道从哪里开始寻找.
在我的d3.js条形图中,我希望X轴标签处于"垂直"状态.我在"水平"中获得标签,但问题是某些标签合并了.
<!DOCTYPE html>
<style>
body {
font: 10px sans-serif;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.bar {
fill: red;
}
.x.axis path {
display: none;
}
</style>
<body>
<script src="http://d3js.org/d3.v3.min.js"></script>
<script>
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 960 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x = d3.scale.ordinal()
.rangeRoundBands([0, width], .1);
var y = d3.scale.linear()
.range([height, 0]);
var xAxis = d3.svg.axis() …我有以下 JSON 示例来表示一棵树。
[
{
"label": "node1",
"children": [
{
"label": "Human"
},
{
"label": "Chimpanzee"
}
]
},
{
"label": "node2",
"children": [
{
"label": "node3",
"children": [
{
"label": "Rat"
},
{
"label": "Mouse"
}
]
},
{
"label": "BigRat"
}
]
}
]
我现在想做的是：给定一个标签列表（例如 BigRat、Mouse），我如何删除 JSON 中的相应节点？
我就是无法理解这一点。
任何帮助深表感谢！
谢谢
我甚至不确定这是否可行和/或最佳实践,但任何见解都会有所帮助.想象一下:
$("#element").attr("attribute", function(){
var foo = 'bar';
// do things
return foo;
});
这符合我的预期:attribute价值被取代.我怎样(如果可能的话)将返回值与现有attribute值连接起来？
我是否需要在函数内部使用新的选择来获取当前值,以便返回连接的字符串或者是否有更直接的方法/语法？
编辑:正如我在评论中解释的那样,我不幸跳过了触发器并且没有阅读完整的文档.我试图避免在函数内部选择新的jQuery.投票最多的答案就是我想要的.请不要贬低,请像我一样标记关闭,因为我现在无法关闭它有答案.TY.
javascript ×4
d3.js ×3
html ×2
bar-chart ×1
csv ×1
force-layout ×1
jquery ×1
json ×1
php ×1
tree ×1