草庐IT

图形栈

全部标签

javascript - 在 A4 svg 绘图中绘制 1 像素笔画宽度图形

我目前正在尝试用svg画一些图形,纸张尺寸为A4,1个逻辑单元代表1mm。所以我将视口(viewport)设置为297mmx210mm,viewbox为297x210。现在的问题是我画的图stroke-width不再是1个像素。例如,即使我将其stroke-width设置为“1px”,上面的这3行也具有完全相同的线宽。在这种设置下是否仍然可以绘制1像素宽的线? 最佳答案 试试这个:vector-effect="non-scaling-stroke"是SVG1.2Tiny的一项功能,它强制笔划宽度完全符合您的指定,无论缩放或单位转换是

javascript - 使用新的 facebook 图形 api,ajax 调用返回 null(空)

我正在为facebook试用新的图形API。我正在尝试使用jqueryajax获取一些数据。这是我的javascript代码示例,非常基础...varmUrl='https://graph.facebook.com/19292868552';$.ajax({url:mUrl,dataType:'json',success:function(data,status){$('#test').html(data);alert(data);},error:function(data,e1,e2){$('#hello').html(e1);}});该url指向不需要访问token的页面(使用浏览

Javascript 3d 图形实用程序?

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭7年前。Improvethisquestion有人知道任何好的javascript3d绘图实用程序吗?我知道每个网站都会推荐Canvas3dGraph但它实际上是非常有限的。对于其中一个,它只允许使用1000以内的数据集进行绘图。虽然它确实有一些能力(通过一些代码修改)来绘制有点超出其范围的数据,但完全改造后的任何东西都不允许绘制图形基于时间或值远大于1000的数据。(我的数据值范围为数十亿。)或者我应该放弃所有

javascript - 如何在D3中旋转图形?

任务是用d3旋转图形,类似PowerPoint的方式:得到thisexample,试图实现相同的行为。无法理解,错误在哪里-人物在摇晃,没有按照应有的方式旋转。functiondragPointRotate(rotateHandleStartPos){rotateHandleStartPos.x+=d3.event.dx;rotateHandleStartPos.y+=d3.event.dy;constupdatedRotateCoordinates=r//calculatesthedifferencebetweenthecurrentmousepositionandthecenter

javascript - mxGraph 可以将图形导出为 PDF 吗?

我正在从事一个使用mxGraph的项目,我需要为服务流程图导出PDF格式的高分辨率输出。我已经尝试使用JGraphX、JavaSwing客户端重新创建图形并将其导出为PDF,但结果与浏览器显示的结果并不接近。客户端没有JavaScript中的PDF导出,mxGraph是否明确支持从JavaScript生成PDF? 最佳答案 我将解释客户端发起请求的情况,当发出请求时,图表会显示在浏览器上。这是标准情况,mxGraph使用自定义图形原语传输图形的XML表示,这些图形在服务器上接收并由Java或.NET后端解码。需要显示图表的原因是某些

javascript - 许多节点的图形算法

我一直在尝试开发一个基于Web的应用程序来帮助绘制节点及其交互的图形。我尝试将Sigma.Js与ForceAtlas扩展一起使用。对于我的简单测试(几个节点),结果非常好看,但是如果增加了1000个节点,结果就会变得一团糟。有没有这样的方法可以使结果更易于查看?(在眼睛上更容易/不仅仅是1个大Blob)我将如何去做呢?是否已经编写了任何算法(我可以实现?) 最佳答案 您可以尝试Fruchterman-Reingold力布局(有一个sigmaplugin)。它特别减少了相互交叉的链接数量,因此它通常更适合大型图(除非所有节点都有很多连

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 - 在 chart.js 图形上叠加线

我想知道是否可以在chart.js图形(例如折线图)上叠加一条线?例如,在x轴上,将在图中的值20处绘制一条水平线 最佳答案 我创建了一个称为叠加图表的东西,我已将其添加到我的chart.js(https://github.com/leighquince/Chart.js)分支中,可以在这种情况下使用。它的工作原理与折线图或条形图相同,唯一的区别是您声明了一个名为type的额外属性,该属性可以是'line'或'bar'。然后只需调用newChart(ctx).Overlay(data)。因此,对于您的示例,您可以只使用条形图,然后提

javascript - 如何使用 d3.js 避免图形中的日志零

我目前正在研究d3.js库。我有折线图使用DynamicLineGraph在这里,我们可以选择绘制幂线性和对数。但我的问题是我的数据集中可能有一些值为零,并且由于log0未定义,因此代码无法绘制它。在我的代码中,比例设置如下y=d3.scale.log().domain([0.1,max_y_value]).range([h,0]).nice();这是它的用法lineFunction=d3.svg.line().y(function(d){returny(d);});我知道这是一个奇怪的问题。但是有没有一种方法可以处理log0值,这样如果我有单个零值,其余的值就会正确绘制。我可以在同一

javascript - 如何更改 Highcharts 中绘图线上方和下方的图形颜色

在HighCharts折线图中,如何根据与绘图线值相关的值设置系列线的颜色。例如,如果我有一条情节线y=15,我怎么能在y时使系列颜色为绿色,在y>15时如何使系列颜色为红色http://jsfiddle.net/adamtsiopani/YBMny/$('#container').highcharts('StockChart',{rangeSelector:{selected:1},title:{text:'KPNYearView'},yAxis:{plotLines:[{label:{text:'Baseline',x:25},color:'orange',width:2,valu