可折叠树示例中的 d3.js v4 古怪链接转换

2024-04-01

如果您玩下面的可折叠树，您会发现当您到达树的末尾并展开和折叠节点时，这些线正在做一些古怪的事情，我不完全确定是什么驱动了这种行为，或者我的重写是否的在此输入链接描述 https://bl.ocks.org/mbostock/4339083完全没有根据。我放弃了平面数据结构，并使用分层将其转换为树布局。到目前为止唯一的问题是线路转换......有什么想法吗？

var data = [{
    "name": "Hazer 5000",
    "parent": "CFO",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/stephen.jpg"
  }, {
    "name": "Employee 1",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/cory.jpg"
  }, {
    "name": "Analytics Area",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/matt.jpg"
  }, {
    "name": "Employee 2",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/XinheZhang.jpg"
  }, {
    "name": "Employee 3",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/craig.jpg"
  }, {
    "name": "Employee 4",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/youri.jpg"
  }, {
    "name": "Intern 1",
    "parent": "Analytics Area",
    "img": ""
  }, {
    "name": "Inter 2",
    "parent": "Analytics Area",
    "img": ""
  }, {
    "name": "CFO",
    "parent": null,
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Brett.jpg"
  }, {
    "name": "CPA",
    "parent": "CFO",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Wes.jpg"
  }, {
    "name": "Matt's wife",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Amy_R.jpg"
  }, {
    "name": "Employee 5",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/DavidBriley.jpg"
  }, {
    "name": "Employee 6",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/BrittanyAllred_.jpg"
  }, {
    "name": "Employee 7",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Shea.jpg"
  }, {
    "name": "Employee 8",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Mindy.jpg"
  }, {
    "name": "Employee 9",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Jessica_Stacy.jpg"
  }, {
    "name": "Employee 10",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/FraleaneHudson.jpg"
  },{
    "name": "Employee 11",
    "parent": "Employee 9",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/MeganPierce_.jpg"
  },{
    "name": "Intern 3",
    "parent": "Employee 8",
    "img": ""
  }, {
    "name": "Intern 4",
    "parent": "Employee 8",
    "img": ""
  }

];

var margin = {top: 20, right: 120, bottom: 20, left: 120},
    width = 960 - margin.right - margin.left,
    height = 800 - margin.top - margin.bottom;

var i = 0,
    duration = 750,
    root;

var tree = d3.tree()
    .size([height, width]);

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.right + margin.left)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");


var stratify = d3.stratify()
  .id(function(d) {
    return d.name;//This position
  })
  .parentId(function(d) {
    return d.parent; //What position this position reports to
  });

var root = stratify(data);

root.each(function(d) {
  
    d.name = d.id; //transferring name to a name variable
    d.id = i; //Assigning numerical Ids
    i++;
  
  });

  root.x0 = height / 2;
  root.y0 = 0;

  function collapse(d) {
    if (d.children) {
      d._children = d.children;
      d._children.forEach(collapse);
      d.children = null;
    }
  }

  root.children.forEach(collapse);
  update(root);


d3.select(self.frameElement).style("height", "800px");

function update(source) {

  // Compute the new tree layout.
  var nodes = tree(root).descendants(),
      links = nodes.slice(1);

  // Normalize for fixed-depth.
  nodes.forEach(function(d) { d.y = d.depth * 180; });

  // Update the nodes…
  var node = svg.selectAll("g.node")
      .data(nodes, function(d) { return d.id || (d.id = ++i); });

  // Enter any new nodes at the parent's previous position.
  var nodeEnter = node.enter().append("g")
      .attr("class", "node")
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
      .on("click", click);

  nodeEnter.append("circle")
      .attr("r", 1e-6)
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });

  nodeEnter.append("text")
      .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
      .attr("dy", ".35em")
      .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
      .text(function(d) { return d.name; })
      .style("fill-opacity", 1e-6);

  // Transition nodes to their new position.
  var nodeUpdate = node.merge(nodeEnter).transition()
      .duration(duration)
      .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });

  nodeUpdate.select("circle")
      .attr("r", 4.5)
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });

  nodeUpdate.select("text")
      .style("fill-opacity", 1);

  // Transition exiting nodes to the parent's new position.
  var nodeExit = node.exit().transition()
      .duration(duration)
      .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
      .remove();

  nodeExit.select("circle")
      .attr("r", 1e-6);

  nodeExit.select("text")
      .style("fill-opacity", 1e-6);


  // Update the links…
  var link = svg.selectAll("path.link")
      .data(links);
  
  // Transition links to their new position.
  link.transition()
      .duration(duration)
      .attr("d", connector);

  // Enter any new links at the parent's previous position.
  var linkEnter = link.enter().insert("path", "g")
                        .attr("class", "link")
                        .attr("d", function(d) {
        var o = {x: source.x0, y: source.y0, parent:{x: source.x0, y: source.y0}};
        return connector(o);
      });

  // Transition links to their new position.
  link.merge(linkEnter).transition()
      .duration(duration)
      .attr("d", connector);

  // Transition exiting nodes to the parent's new position.
  link.exit().transition()
      .duration(duration)
      .attr("d",  function(d) {
        var o = {x: source.x, y: source.y, parent:{x: source.x, y: source.y}};
        return connector(o);
      })
      .remove();

  // Stash the old positions for transition.
  nodes.forEach(function(d) {
    d.x0 = d.x;
    d.y0 = d.y;
  });
}

// Toggle children on click.
function click(d) {
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
  }
  update(d);
}

function connector(d) {
  return "M" + d.y + "," + d.x +
    "C" + (d.y + d.parent.y) / 2 + "," + d.x +
    " " + (d.y + d.parent.y) / 2 + "," + d.parent.x +
    " " + d.parent.y + "," + d.parent.x;
}

.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;

<script src="https://d3js.org/d3.v4.min.js"></script>

看起来像是用于链接数据绑定的键的问题。我指的是这样一个事实：如果你打电话.data(links)如果没有第二个参数，d3 使用i作为计算输入/更新/退出集时的键，因此当您展开/折叠时，同一链接可以有不同的i values.

我相信我已经成功了，我所做的就是添加第二个参数作为一个函数，通过将节点的 id 与其父节点的 id 相结合来构造唯一的链接 id。

IE。而不是这个

var link = svg.selectAll("path.link")
  .data(links)

我做了这个

var link = svg.selectAll("path.link")
  .data(links, function(link) { var id = link.id + '->' + link.parent.id; return id; });

试试看：

var data = [{
    "name": "Hazer 5000",
    "parent": "CFO",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/stephen.jpg"
  }, {
    "name": "Employee 1",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/cory.jpg"
  }, {
    "name": "Analytics Area",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/matt.jpg"
  }, {
    "name": "Employee 2",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/XinheZhang.jpg"
  }, {
    "name": "Employee 3",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/craig.jpg"
  }, {
    "name": "Employee 4",
    "parent": "Hazer 5000",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/youri.jpg"
  }, {
    "name": "Intern 1",
    "parent": "Analytics Area",
    "img": ""
  }, {
    "name": "Inter 2",
    "parent": "Analytics Area",
    "img": ""
  }, {
    "name": "CFO",
    "parent": null,
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Brett.jpg"
  }, {
    "name": "CPA",
    "parent": "CFO",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Wes.jpg"
  }, {
    "name": "Matt's wife",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Amy_R.jpg"
  }, {
    "name": "Employee 5",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/DavidBriley.jpg"
  }, {
    "name": "Employee 6",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/BrittanyAllred_.jpg"
  }, {
    "name": "Employee 7",
    "parent": "CPA",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Shea.jpg"
  }, {
    "name": "Employee 8",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Mindy.jpg"
  }, {
    "name": "Employee 9",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/Jessica_Stacy.jpg"
  }, {
    "name": "Employee 10",
    "parent": "Matt's wife",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/FraleaneHudson.jpg"
  },{
    "name": "Employee 11",
    "parent": "Employee 9",
    "img": "https://s3-us-west-2.amazonaws.com/s.cdpn.io/t-342/MeganPierce_.jpg"
  },{
    "name": "Intern 3",
    "parent": "Employee 8",
    "img": ""
  }, {
    "name": "Intern 4",
    "parent": "Employee 8",
    "img": ""
  }

];

var margin = {top: 20, right: 120, bottom: 20, left: 120},
    width = 960 - margin.right - margin.left,
    height = 800 - margin.top - margin.bottom;

var i = 0,
    duration = 750,
    root;

var tree = d3.tree()
    .size([height, width]);

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.right + margin.left)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");


var stratify = d3.stratify()
  .id(function(d) {
    return d.name;//This position
  })
  .parentId(function(d) {
    return d.parent; //What position this position reports to
  });

var root = stratify(data);

root.each(function(d) {
  
    d.name = d.id; //transferring name to a name variable
    d.id = i; //Assigning numerical Ids
    i++;
  
  });

  root.x0 = height / 2;
  root.y0 = 0;

  function collapse(d) {
    if (d.children) {
      d._children = d.children;
      d._children.forEach(collapse);
      d.children = null;
    }
  }

  root.children.forEach(collapse);
  update(root);


d3.select(self.frameElement).style("height", "800px");

function update(source) {

  // Compute the new tree layout.
  var nodes = tree(root).descendants(),
      links = nodes.slice(1);

  // Normalize for fixed-depth.
  nodes.forEach(function(d) { d.y = d.depth * 180; });

  // Update the nodes…
  var node = svg.selectAll("g.node")
      .data(nodes, function(d) { return d.id || (d.id = ++i); });

  // Enter any new nodes at the parent's previous position.
  var nodeEnter = node.enter().append("g")
      .attr("class", "node")
      .attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
      .on("click", click);

  nodeEnter.append("circle")
      .attr("r", 1e-6)
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });

  nodeEnter.append("text")
      .attr("x", function(d) { return d.children || d._children ? -10 : 10; })
      .attr("dy", ".35em")
      .attr("text-anchor", function(d) { return d.children || d._children ? "end" : "start"; })
      .text(function(d) { return d.name; })
      .style("fill-opacity", 1e-6);

  // Transition nodes to their new position.
  var nodeUpdate = node.merge(nodeEnter).transition()
      .duration(duration)
      .attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; });

  nodeUpdate.select("circle")
      .attr("r", 4.5)
      .style("fill", function(d) { return d._children ? "lightsteelblue" : "#fff"; });

  nodeUpdate.select("text")
      .style("fill-opacity", 1);

  // Transition exiting nodes to the parent's new position.
  var nodeExit = node.exit().transition()
      .duration(duration)
      .attr("transform", function(d) { return "translate(" + source.y + "," + source.x + ")"; })
      .remove();

  nodeExit.select("circle")
      .attr("r", 1e-6);

  nodeExit.select("text")
      .style("fill-opacity", 1e-6);


  // Update the links…
  var link = svg.selectAll("path.link")
      .data(links, function(link) { var id = link.id + '->' + link.parent.id; return id; });
  
  // Transition links to their new position.
  link.transition()
      .duration(duration)
      .attr("d", connector);

  // Enter any new links at the parent's previous position.
  var linkEnter = link.enter().insert("path", "g")
                        .attr("class", "link")
                        .attr("d", function(d) {
        var o = {x: source.x0, y: source.y0, parent:{x: source.x0, y: source.y0}};
        return connector(o);
      });

  // Transition links to their new position.
  link.merge(linkEnter).transition()
      .duration(duration)
      .attr("d", connector);

  // Transition exiting nodes to the parent's new position.
  link.exit().transition()
      .duration(duration)
      .attr("d",  function(d) {
        var o = {x: source.x, y: source.y, parent:{x: source.x, y: source.y}};
        return connector(o);
      })
      .remove();

  // Stash the old positions for transition.
  nodes.forEach(function(d) {
    d.x0 = d.x;
    d.y0 = d.y;
  });
}

// Toggle children on click.
function click(d) {
  if (d.children) {
    d._children = d.children;
    d.children = null;
  } else {
    d.children = d._children;
    d._children = null;
  }
  update(d);
}

function connector(d) {
  return "M" + d.y + "," + d.x +
    "C" + (d.y + d.parent.y) / 2 + "," + d.x +
    " " + (d.y + d.parent.y) / 2 + "," + d.parent.x +
    " " + d.parent.y + "," + d.parent.x;
}

.node {
  cursor: pointer;
}

.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node text {
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;

<script src="https://d3js.org/d3.v4.min.js"></script>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

可折叠树示例中的 d3.js v4 古怪链接转换的相关文章

ReactTable 修复了最后一行

我正在使用 ReactTable 最后我需要创建一些摘要当分页存在时它每次都应该可见可以用react table来实现吗我可以通过创建下一个表来部分解决这个问题但我没有找到如何隐藏标题的方法另一个问题是调整列宽度时它不会应用于
错误找不到“pages”目录。请在项目根目录下创建一个”

以前我的项目设置是 public next src pages components assets next config js 这工作正常但我将结构更改为以下 public src client next config js jscon
如何使用 JavaScript 将当前页面设置为 about:blank？

我遇到的情况是服务器可能在当前地址上不可用因此我想检测到这一点并将页面重定向到 about blank 页面我该如何使用 JavaScript 来做到这一点 window location href about blank
将随机字符串转换为十六进制颜色

我的应用程序中有一个操作日志表我想根据该条目的 sessionID 为行分配随机颜色以帮助查看模式分组操作到目前为止我有这个 console log stringToColorCode mj3bPTCbIAVoNr93me1I fu
如何创建一个多重过滤函数来过滤掉多个属性？

我有一个要过滤的对象数组 name Apple age 24 model Android status Under development name Roboto age 24 model Apple status Running 我需要使
Angular.js：未捕获的错误，没有模块：myapp

我也在尝试引导 angular js 项目这是我的index html div p Loading p div
Office excel将CORS请求作为跨域请求

我正在尝试从我的 Excel 插件发出跨域请求正如这里所建议的 http dev office com docs add ins develop addressing same origin policy limitations http
缩放事件侦听器之前的 Javascript OpenLayers

我正在尝试将 OpenLayers 设置为在缩放开始之前不显示矢量图层并使其在缩放结束后重新出现我已经像这样建立了缩放结束部分 map new OpenLayers Map map element eventListeners zoom
使用 jquery 通配符检查 cookie 名称

我有一个生成动态 cookie 的表单例如 webform 62 1234356 62 1234356 可以是任意数字我需要使用一些通配符检查来检查名称以 webform 开头的 cookie 是否存在下面不起作用 if cookie
嵌套辅助函数和性能

嵌套辅助函数对于使代码更易于理解非常有用谷歌甚至建议在他们的应用程序中使用嵌套函数时尚指南 https google styleguide googlecode com svn trunk javascriptguide xml Nest
Sequelize.js - “不关联到”

我在从数据库获取完整数据时遇到一些问题那是我的模型 User module exports function sequelize DataTypes return sequelize define user id type DataTyp
为 Meteor 数据创建编号列表

有没有办法获取 Meteor 集合中项目的编号列表的编号我知道我可以在 html 中做到这一点但我觉得如果我可以在 spacebars 中放置一些东西那么样式会更容易如果我可以使用更好的术语请告诉我像这样的东西前 20 部电
Javascript 中的线性回归 [关闭]

Closed 这个问题正在寻求书籍工具软件库等的推荐不满足堆栈溢出指南 help closed questions 目前不接受答案我想在网络浏览器中用 Javascript 进行最小二乘拟合目前用户使用 HTML 文本输入输入数
使用本机 JavaScript 获取过渡中的 CSS 值

这个问题之前被问过但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此我将调整问题以专门询问native解决方案 to 最小化依赖关系假设您有一个 div 然后
D3v6 嵌套图 - 嵌套 join()？

我想可视化每个节点的孩子洞察力我猜 D3v6 join 函数可以嵌套不幸的是我找不到任何例子下面的代码片段包含一个具有 3 个节点和子节点作为属性的outerGraph 到目前为止这些孩子还没有被使用相反 innerGraph
ExpressJS - DELETE 请求后 res.redirect

我一直在寻找如何执行此操作我正在尝试在发出删除请求后重定向这是我正在使用的代码没有重定向 exports remove function req res var postId req params id Post remove id p
javascript:window.print() 打印 2 页，而我有 1 页

我有一个简单的 HTML 文档其中仅包含图像标签我想在文档加载后打印图像我的代码 img src form1 jpg alt form1 style margin 0 auto display block 它可以工作但问题是它打印图
Three.js WebGL 从着色器绘制圆形自定义填充和边框颜色

我将 Three js 与 WebGLRenderer 一起使用我试图找出或查看如何使用 CircleGeometry 绘制圆圈的示例并能够从顶点或片段着色器控制其填充和边框颜色如果不使用图像作为纹理这是否可能抱歉如果这真的很简
如何按字母顺序排序并先小写排序

如何获得以下排序的结果Food to Eat然后是食物123 显然第二个较低的 o 应该将要吃的食物带到排序后的第一个项目中我很惊讶这个问题不容易通过谷歌找到答案这个壮举没有包含在 javascript 标准中也让我感到惊讶 F
利用重力效果拖动元素

我想完成类似于 photoshop com 和此网站的功能 http mrdoob com projects chromeexperiments google gravity http mrdoob com projects chromee

随机推荐

将日期字符串解析为 java.util.Date 时出现非法模式字符“T”

我有一个日期字符串我想使用 java Date API 将其解析为正常日期以下是我的代码 public static void main String args String date 2010 10 02T12 23 23Z Stri
在 Mongoose 中间件方法之间共享数据 pre save 和 post save

请参阅底部更新的示例代码我在当前的 NodeJS 项目中使用 Mongoose 顺便说一句这非常棒并且我有一个 MDB 集合它将在不同的集合中存储文档的更改基本上是一个变更日志存储修改的内容我试图实现的方法是创建一个存储文档的
如何在C++中使用类对象作为函数参数

我不确定如何拥有一个接收类对象作为参数的函数有什么帮助吗下面是一个例子 include
在 MongoDB 中使用排序、限制，然后再次排序

我正在使用 MongoDB 创建一个聊天应用程序基本上我需要检索最新的 20 条聊天消息然后按日期升序显示它们为了获取最后 20 条聊天消息我的代码如下所示 db messages find sort date 1 limit 20
在 Linux 上以编程方式为 gdb 在 C 或 C++ 代码中设置断点

如何以编程方式在 C 或 C 代码中设置适用于 Linux 上的 gdb 的断点 I e int main int argc char argv set breakpoint here int a 3 a In gdb gt print a
Mac 上 OpenGL 中的多线程视频渲染显示严重的闪烁问题

我有一个视频播放器应用程序并使用多个线程以保持用户交互仍然流畅解码视频的线程最初只是将生成的帧作为 BGRA 写入 RAM 缓冲区该缓冲区由 glTexSubImage2D 上传到 VRAM 对于普通视频来说效果足够好但正如预期的那
将 gtest 与 xcode 结合使用

我正在尝试在我的计算机上设置一个 C 单元测试库并认为 google 的 gtest 会很合适我目前正在使用最新版本的 xcode 运行 mountain lion 我一直在尝试按照发现的说明进行操作here http code goo
iOS 13 SwiftUI：应用程序在真实设备上启动时崩溃

在 SwiftUI 和 Apple 的新测试版 macOS 10 15 iOS 13 和 Xcode 11 发布后我开始开发基于新技术的应用程序考虑到所有涉及的软件和系统都处于测试阶段开发进展顺利然而当尝试在真实设备 iPhone
使用 System.Text.Json 反序列化匿名类型

我正在更新 NET Core 3 x 的一些应用程序作为其中的一部分我正在尝试从Json NET到新的System Text Json类使用 Json NET 我可以反序列化匿名类型如下所示 var token JsonConver
优化三角矩阵计算的 CUDA 内核的执行

我正在开发我的第一个 Cuda 应用程序并且我的内核吞吐量低于预期这似乎是目前最大的瓶颈内核的任务是计算一个 N N 大小的矩阵 DD 包含数据矩阵上所有元素之间的平方距离数据矩阵 Y 的大小为 N D 以支持多维数据并存储为行
Java：检测图像格式、调整大小（缩放）并另存为 JPEG

这是我的代码它实际上有效虽然不完美但确实有效问题是调整大小的缩略图没有粘贴在白色绘制的矩形上破坏了图像的长宽比这是代码有人可以建议我修复吗为了它好吗谢谢 import java awt Color import java
Selenium2 + phpunit -> 拖放到 xpath 上

我使用 PHPUnit Extensions Selenium2TestCase Selenium 和 phpunit 我需要在不同的 emelent 上拖放一个 xpath 元素就像在此屏幕上一样更改树类别树上的位置 srcDra
使用 malloc() 和 sizeof() 在堆上创建结构体

我正在尝试使用 malloc 和 sizeof 在堆上创建一个结构这是我的代码 include
在 C# 中使用 imagemagick.net 在图像上应用水印

我正在使用以下代码来调整图像大小现在我需要使用此图像应用水印魔法网 https magick codeplex com var response client GetObject request ResponseStream Magic
OpenSSL HMAC-SHA1 摘要与加密的不匹配

我花了过去 6 个小时来实现消息签名算法它根本不起作用这是生成摘要的 PHP 代码 payload thisisanapple signature hash hmac sha1 payload thisisarandomkey data
Eclipse 中的 SSL 密钥库路径

在我的用户主目录中有一个 keystore文件每当我这样做时keytool list I get Keystore type JKS Keystore provider SUN Your keystore contains 0 entri
循环中的动作链仅工作一次（Selenium/Python）

I m trying to implement a cookie clicker bot Cookie clicker it s just a stupid simple game where you can click on the co
实体框架和 SQL Server 2012 分页

SQL Server 2012 引入了一种使用 FETCH 和 OFFSET 的更有效的分页机制这可能会对使用大量分页的应用程序的性能产生重大影响实体框架 5 支持吗因此如果我使用 EF 通过 Take Skip 进行分页如果 E
检查来自 Alamofire 和 Swift 的多个异步响应

我正在编写一个应用程序该应用程序依赖于来自各个站点服务的数据并涉及根据来自这些不同来源的数据执行计算以生成最终产品我编写了一个示例类其中包含下面的两个函数用于从两个来源收集数据我选择使函数不同因为有时我们根据源应用不同的身份
可折叠树示例中的 d3.js v4 古怪链接转换

如果您玩下面的可折叠树您会发现当您到达树的末尾并展开和折叠节点时这些线正在做一些古怪的事情我不完全确定是什么驱动了这种行为或者我的重写是否的在此输入链接描述 https bl ocks org mbostock 4339083完全没

可折叠树示例中的 d3.js v4 古怪链接转换

可折叠树示例中的 d3.js v4 古怪链接转换 的相关文章

随机推荐

热门标签

可折叠树示例中的 d3.js v4 古怪链接转换的相关文章