svg相关内容
我正在尝试使用 D3 树布局来创建各种家谱,我注意到的一件事是当我有很多子节点时,它会在屏幕上水平延伸.理想情况下,我希望这些节点采用更垂直的布局,这样人们就不必在屏幕上滚动,而可以继续向下看树. 这是我目前看到的: 现在可能没那么糟糕,但如果我说有 20 个孩子,它会跨越整个屏幕,这是我想要避免的. 我见过类似这个 但这对我没有帮助,因为我想要一个特定的布局而不是简单的调整大小
..
我正在使用 d3 绘制 UML 图,并希望将文本包裹在使用 d3 绘制的形状内.我已经得到了下面的代码,但找不到使文本“适合"我的形状的解决方案(见下图). var svg = d3.select('#svg').append('svg').attr('宽度', 500).attr('身高', 200);var global = svg.append('g');global.append('圆圈
..
我有不同边缘厚度的箭头,但是我希望箭头(svg 标记)具有相同的大小,即不根据路径的笔划宽度调整大小.我能做什么? svg.append("svg:defs").selectAll("marker").data([“诉讼", “许可", “已解决"]).enter().append("svg:marker").attr("id", 字符串).attr("viewBox", "0 -5 10 10
..
我使用 D3 在 SVG 上绘图.我想要的是将 DOM 元素或 HTML 附加到 D3,例如: task.append(function(model){//这里返回html或dom}; 文档说这是可能的,但不幸的是我找不到任何示例或自己找到了如何做到这一点. 解决方案 selection.append() 函数接受以下两种类型之一: 一个字符串,它是要创建的元素的名称,或者 一
..
刚接触 d3 并尝试开发一个力导向树,我们可以将 varioss 数据集插入其中.我已经设法让基本的想法启动并运行,但想让链接弯曲,这样我就可以处理多个链接.我查看了 http://bl.ocks.org/1153292,但我只是不明白.我得到的最接近的是所有工作都没有可见的路径.这是我的直线代码,如果您有时间,我将不胜感激 谢谢: //设置保存数据结构的svg,放到名为mapBox的di
..
我将 d3.js 代码粘贴到这里. 我试图在同一页面中显示多个图表.虽然 d3.js 代码是一样的.说一个来自 data1.json,另一个来自 data2.json.以下是困扰我的片段. var svg2 = d3.select("svg"),边距 = 20,直径 = +sv
..
我正在用 d3 写一些东西,我遇到了一个奇怪的问题.封闭的路径以 'Z' 字符结尾,但无论我是否包含 Z,我制作的每条路径都会关闭(并填充).即使单独使用从规范中复制的示例,也会发生这种情况.例如: 我对可能是什么问题感到困惑.如有任何见解,我将不胜感
..
我刚开始使用 D3.js,我想创建一些类似于我们在 Paint 中所做的画线.步骤应该是一样的:- 单击屏幕上的一个点- 拖动到目的地以创建一条线. 我现在遇到的问题是,当您将鼠标拖动到目的地时,线条应该根据您的鼠标移动.我该怎么做? 谢谢. 解决方案 这是一个简单的例子.另请参阅实时版本. var 行;var vis = d3.select("body").append("
..
使用 d3.js 的第一天,进展顺利,但我需要将我的占位符圆形更改为稍微复杂一些的形状. 我在 Illustrator 中创建的 SVG 形状可以“导入"到 d3.js 图表中吗? 我知道我可以在 d3 中重新绘制它...但我现在头疼...呃... 这是一个带点的简单气泡:
..
我是 D3.js 新手,我正在学习如何处理数据. 假设我有一个以名称为键的对象,每个键都有一个数字数组,如下所示: var userdata = {'约翰' : [0, 1, 3, 9, 8, 7],'哈利': [0, 10, 7, 1, 1, 11],'史蒂夫': [3, 1, 4, 4, 4, 17],'亚当' : [4, 77, 2, 13, 11, 13]}; 对于每个用户,我想
..
我很想知道为什么我可以在常规 HTML 元素上显示工具提示,但不能在 D3 生成的 SVG 上显示:http://jsfiddle.net/nachocab/eQmYX/5/ 我做错了什么? $(document).ready(function () {$("a").工具提示({'位置':'底部'});//这有效$("my_circle").tooltip({'位置':'底部'});//这
..
我正在尝试通过使用他们的基本气泡图之一来学习 D3.第一个任务:弄清楚如何拖动气泡并使其在拖动时成为最上面的对象.(问题是让 D3 的对象模型映射到 DOM,但我会到达那里...) 要拖动它,我们可以使用他们提供的代码简单地调用 d3 的拖动行为: var drag = d3.behavior.drag().on(“拖动开始",拖动开始).on("拖动",拖动移动).on("dragend
..
我对 d3.js(以及一般的 SVG)非常陌生,我想做一些简单的事情:带有角度连接器的树/树状图. 我已经从这里蚕食了 d3 示例:http://mbostock.github.com/d3/ex/cluster.html我想让它更像这里的 protovis 示例: http://mbostock.github.com/protovis/ex/indent.html http://m
..
当我可以创建如下一行时: var lineData = [{ "x": 50, "y": 50 }, {"x": 100,"y": 100}, {"x": 150,"y": 150}, {"x": 200, "y": 200}];var lineFunction = d3.svg.line().x(function(d) { return d.x; }).y(function(d) { retu
..
我有一个使用 d3.js 的静态图的工作代码示例(只有 部分),如下所示: /* 创建图形数据 */var 节点 = [];for (var i = 0; i
..
我有一个使用强制布局的图形,但它有一个固定的宽度 w 和高度 h: var svg = d3.select("#viz").append("svg").attr("id", "playgraph").attr("宽度", w).attr("高度", h)var force = d3.layout.force().nodes(节点).links(链接).charge(-1600).linkDist
..
我想了解为什么默认情况下我的 SVG 位于 外部 SVG 容器元素而不是 x:0/y0 坐标? CSS:最小(没有 CSS 的情况下,只删除了文档正文的边距/填充) Javascript: var svg = d3.select('div#map').append('svg:svg');svg.append('svg:g').append('svg:text').text('你好词'
..
嗨,我画了一个有 5 条 x 线和 5 条 y 线的网格.问题是,在 svg 中,y 方向向下下降,所以我的网格 y 线向下下降,为了使网格向上方向,我在此之后为 y 给出了 -ve 值,例如 (0,-50,-100,-150,-200)我得到了我的期望,但我不需要 -ve y 的值.我怎样才能得到向上的 y 线我正在努力做第二个? var Y = [0,50,100,150,200];va
..
可行的解决方案:现在我正在设计样式并解决一些与我创建由多个数据系列和值跟踪组成的图表有关的问题.如果有人遇到与我相同或类似的问题,我会尽快尝试为您提供工作代码示例,可以将其作为基础工作.目前我使用的大部分技巧都在下面的评论中. 这将是我在 StackOverflow 上的第一个问题,我很期待看到您对我的问题可能有什么答案. 最近我得到了一个项目,我必须在其中编写用于生成图表的 Java
..
我是 d3 的新手,我用它来创建一个使用数字数组的简单图表,其中值“16"在其中出现两次. 它为第二个 '16' 值生成了一个 'missing' 'rect' 元素的图表,当我检查 html 时,我看到两个 '16' rect 的 'y' 值都相同,为 72. 请告诉我我做错了什么,谢谢 代码: var 数据 = [4, 8, 15, 16, 23, 16];var char
..