草庐IT

绘制图形工具

全部标签

javascript - 如何在 D3 Javascript 中绘制一个简单的力导向图

我正在学习本教程:>http://bl.ocks.org/mbostock/4062045用于在D3Javascript中可视化力定向图。上面的链接也有代码和JSON文件。我有两个问题。节点是如何链接的?以下是链接和节点及其位置的代码:force.on("tick",function(){link.attr("x1",function(d){returnd.source.x;}).attr("y1",function(d){returnd.source.y;}).attr("x2",function(d){returnd.target.x;}).attr("y2",function(d

javascript - 通过javascript获取SVG图形的大小

在html页面中添加一个svg图形,通常使用object标签这样包裹起来:thisbrowserisnotabletoshowSVG:http://getfirefox.comisfreeanddoesit!IfyouuseInternetExplorer,youcanalsogetaplugin:http://www.adobe.com/svg/viewer/install/main.html如果不在对象标签中使用宽度和高度属性,则svg将以全尺寸显示。通常我从OpenGraphicsLibrary获取svg文件进行测试。有什么方法可以使用JavaScript获取svg的大小吗?或者

javascript - 开源流程可视化工具

是否有任何支持API的基于Javascript的开源工具可以像GoogleAnalyticsVisitorFlow那样生成流可视化?? 最佳答案 我会使用D3JavaScript库:http://d3js.org/查看示例页面(https://github.com/mbostock/d3/wiki/Gallery)他们有一些下一页流概念 关于javascript-开源流程可视化工具,我们在StackOverflow上找到一个类似的问题: https://sta

javascript - 将 Bootstrap 工具提示设置为 AJAX 调用结果

我有一个bootstrap我想从AJAX请求加载数据的工具提示,请求中的文本是工具提示的title属性。我的AJAX请求工作正常,但我有两个问题:为什么来自AJAX调用的数据没有进入工具提示?如何使用我的ttManager对象来封装工具提示的状态?目前,当页面首次加载并且我在控制台中单击#btnSubmit时,我看到成功并且来自console.log(ttManager)行的正确数据$(document).ready(function(){//thisobject'stitleattributewillbethevalueofttManager.titleseenbelowvarttM

javascript - 如何使用 Javascript 在 SVG 中绘制不可缩放的圆

我正在开发一张map,在Javascript中使用SVG绘制线条。我想添加一个可以搜索道路的功能,如果找到道路,map上会出现一个圆圈。我知道我可以在SVG中画一个圆,但我的问题是,圆的大小不应该根据缩放级别而改变。换句话说,圆必须始终具有相同的大小。我map上的道路有这个功能,我所要做的就是添加vector-effect="non-scaling-stroke"到行属性..一行看起来像这样。圆圈看起来像这样。是否可以通过某种方式将圆定义为“非缩放”? 最佳答案 我花了一段时间,但我终于把数学搞清楚了。此解决方案需要三件事:包括th

javascript - Javascript中的Google Maps API,绘制圆的半径?

我正在寻找一种方法来绘制圆的半径或从圆的中心到圆的边缘的线(在以度为单位的精确坐标处)。这可能吗?怎么办?目前,我用API从我的map中心画了一个圆圈。我不认为它有帮助...我想要的示例:http://twitpic.com/aq40vvvarsunCircle={strokeColor:"#c3fc49",strokeOpacity:0.8,strokeWeight:2,fillColor:"#c3fc49",fillOpacity:0.35,map:map,center:latlng,radius:1500};cityCircle=newgoogle.maps.Circle(sun

javascript - D3 圆包布局中嵌套圆的工具提示

我在这里敲我的头。我想在ZoomablePackLayout等结构中显示叶节点的工具提示.叶节点是棕色的。如果我使用工具提示的标准代码:vis.selectAll("circle").data(nodes).enter().append("svg:circle").attr("class",function(d){returnd.children?"parent":"child";}).attr("cx",function(d){returnd.x;}).attr("cy",function(d){returnd.y;}).attr("r",function(d){returnd.r;

javascript - 打开 chrome 开发者工具时出现双重请求

我有一个奇怪的问题,我有一个非常简单的Node/expressjs应用程序(我有一个复杂得多的应用程序,但这个简单的例子显示了问题)。此应用具有如下所示的三个路由:vari=0;app.route('/login').get(function(req,res){console.log('login',++i);res.send('login');})app.route('/test').get(function(req,res){console.log('test',++i);res.send('test');})app.route('/').get(function(req,res)

javascript - 使用 X,Y 坐标绘制圆内的点

在javascript中有没有办法绘制x,y坐标,使它们落入圆形而不是正方形?例如,如果我有以下代码:circleRadius=100;context.drawImage(img_elem,dx,dy,dw,dh);我需要找出落在100像素圆内的x,y值的组合。谢谢! 最佳答案 在-100到100之间随机选择一个x圆由x^2+y^2=r^2定义,在您的例子中等于100^2=10000从这个等式中您可以得到y^2=10000-x^2,因此具有选定x和y=+/-sqrt(10000-x^2)将位于圆圈上。在点3找到的两个坐标之间随机选择

javascript - D3 围绕一组圆圈绘制船体

我想围绕使用d3构建的分组力导向图绘制一个外壳。我已经用圆圈构建了图表。但我现在想用路径(船体)加入圆圈的交点。如果不连接交叉点,围绕圆圈组绘制一个外壳就足够了。我尝试了Force-DirectedLayoutwithConvexHull例子。但是我有覆盖文本的文本和圆圈以及连接文本的链接。varvertices=newArray();varwidth=960,height=500;varcolor=d3.scale.category10();varr=6;varforce=d3.layout.force().size([width,height]);varsvg=d3.select(