首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >D3.js svg.diagonal发行

D3.js svg.diagonal发行
EN

Stack Overflow用户
提问于 2016-01-27 13:40:16
回答 1查看 713关注 0票数 0

我有一个小问题:我无法用json数据绘制一条曲线。

这是我的密码

代码语言:javascript
运行
复制
    var diagonal = d3.svg.diagonal();
groupe.selectAll("path")
    .data([data])
    .enter()
    .append("path")
    .attr("d",diagonal
        .source({x:250, y:500})
        .target({x:400, y:300}))
    .attr("fill", "none")
    .attr("stroke", "#000")
    .attr("stroke-width","2");

这里我放了一些数据,但是当我尝试

代码语言:javascript
运行
复制
.source({'x':function(d) {return d.x},'y':function(d) {return d.x})

我在控制台上有一个错误,我不能画线

你知道我的错误在哪里吗?

我的数据是这样的

代码语言:javascript
运行
复制
var data = [
    {"x":250,"y":500,"width": 100, "height": 100, "nx":400, "ny":300, "class":"brief", "name": "Prise de Brief"},
    {"x":400,"y":300,"width": 150, "height": 150, "nx":600, "ny":450, "class":"conception", "name": "Conception"},
    {"x":600,"y":450,"width": 150, "height": 150, "nx":900, "ny":500, "xI":600,"yI":450,"wI": 50, "hI": 50, "xlink": "img/hexagone_plein.svg", "class":"crea", "name": "Création graphique", "id": "crea"},
    {"x":900,"y":500,"width": 150, "height": 150, "nx":1150, "ny":350, "class":"dev", "name": "Développements techniques"},
    {"x":1150,"y":350,"width": 100, "height": 100, "nx":1300, "ny":500, "class":"recette", "name": "Recette"},
    {"x":1300,"y":500,"width": 100, "height": 100, "nx":1500, "ny":650, "class":"mel", "name": "Mise en ligne"},
    {"x":1500,"y":650,"width": 100, "height": 100, "nx":1500, "ny":650, "class":"garantie", "name": "Garantie"}
];
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-27 13:46:24

我认为您对源函数的语法错误,以及数据已经是一个数组,也许这会有效吗?

代码语言:javascript
运行
复制
var diagonal = d3.svg.diagonal();

groupe.selectAll("path")
  .data(data)
  .enter()
  .append("path")
  .attr("d",diagonal
      .source(function(d){ return {"x":d.x, "y":d.y};})
      .target({x:400, y:300}))
  .attr("fill", "none")
  .attr("stroke", "#000")
  .attr("stroke-width","2");
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35038948

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档