草庐IT

d3_graph_chart

全部标签

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 测试 d3(和其他基于 SVG 的)Web 应用程序

我有一个使用d3的Web应用程序一些复杂的基于SVG的可视化库。我对我的服务器端代码和JavaScript模型进行了自动化测试(我在我的JavaScript中使用类似MVC的架构)。这些在每次提交时都在JenkinsCI服务器上运行。现在我需要弄清楚如何检验我的观点。其他人如何解决这个问题,您使用什么工具?我的一些想法......将生成的SVG序列化为文件并与基线进行比较自动捕获浏览器图像并进行图像比较还有别的吗?谢谢! 最佳答案 您提供的示例用于测试图形输出。为此,您可以使用像PhantomCSS这样的屏幕截图差异工具。,Siku

javascript - 将 javascript (d3.js) 绑定(bind)到 shiny

首先,我对javascript及其库d3.js相当陌生,但我熟悉R。使用Shiny创建仪表板既有趣又简单(感谢stackoverflow)。现在我想通过将d3元素连接到它来扩展它。我正在寻找有关如何实际将javascript绑定(bind)到Shiny(R仪表板)并解释实际情况的信息源。背景:我在w3schools上完成了关于js和jquery的教程,并使用ScottMurray的书(网络交互式数据可视化)学习了(一点)关于d3的知识。我希望这足以让我理解有关如何在Shiny网站上构建自定义输入/输出绑定(bind)的示例和解释:http://shiny.rstudio.com/art

javascript - 将 javascript (d3.js) 绑定(bind)到 shiny

首先,我对javascript及其库d3.js相当陌生,但我熟悉R。使用Shiny创建仪表板既有趣又简单(感谢stackoverflow)。现在我想通过将d3元素连接到它来扩展它。我正在寻找有关如何实际将javascript绑定(bind)到Shiny(R仪表板)并解释实际情况的信息源。背景:我在w3schools上完成了关于js和jquery的教程,并使用ScottMurray的书(网络交互式数据可视化)学习了(一点)关于d3的知识。我希望这足以让我理解有关如何在Shiny网站上构建自定义输入/输出绑定(bind)的示例和解释:http://shiny.rstudio.com/art

javascript - D3.js:使用元素位置而不是鼠标位置定位工具提示?

我正在使用D3绘制散点图。当用户将鼠标悬停在每个圆圈上时,我想显示工具提示。我的问题是我可以附加工具提示,但它们是使用鼠标事件d3.event.pageX和d3.event.pageY定位的,所以它们是在每个圆圈上的定位不一致。相反,有些稍微偏向圆圈左侧,有些偏向右侧-这取决于用户的鼠标进入圆圈的方式。这是我的代码:circles.on("mouseover",function(d){tooltip.html(d).style("left",(d3.event.pageX)+"px").style("top",(d3.event.pageY-28)+"px");}).on("mouse

javascript - D3.js:使用元素位置而不是鼠标位置定位工具提示?

我正在使用D3绘制散点图。当用户将鼠标悬停在每个圆圈上时,我想显示工具提示。我的问题是我可以附加工具提示,但它们是使用鼠标事件d3.event.pageX和d3.event.pageY定位的,所以它们是在每个圆圈上的定位不一致。相反,有些稍微偏向圆圈左侧,有些偏向右侧-这取决于用户的鼠标进入圆圈的方式。这是我的代码:circles.on("mouseover",function(d){tooltip.html(d).style("left",(d3.event.pageX)+"px").style("top",(d3.event.pageY-28)+"px");}).on("mouse

javascript - 使用 Facebook Graph 仅使用 javascript 简单地发布墙上消息

在Facebook中,我如何在用户的墙上发布一条消息,说“我在对象游戏中得分为8/10”,然后是URL?我真的不想使用完整的API,因为我不想处理用户登录详细信息。我不介意Facebook是否需要进行身份验证然后发布消息。是否可以使用新的GraphAPI和JavaScript? 最佳答案 注意4/16/2011:stream.publish似乎已被弃用,有一种新方法可以做到这一点:http://developers.facebook.com/docs/reference/dialogs/feed/您可以使用类似这样的内容发布到墙上,

javascript - 使用 Facebook Graph 仅使用 javascript 简单地发布墙上消息

在Facebook中,我如何在用户的墙上发布一条消息,说“我在对象游戏中得分为8/10”,然后是URL?我真的不想使用完整的API,因为我不想处理用户登录详细信息。我不介意Facebook是否需要进行身份验证然后发布消息。是否可以使用新的GraphAPI和JavaScript? 最佳答案 注意4/16/2011:stream.publish似乎已被弃用,有一种新方法可以做到这一点:http://developers.facebook.com/docs/reference/dialogs/feed/您可以使用类似这样的内容发布到墙上,

javascript - Facebook Graph API - 使用 JavaScript 上传照片

是否可以使用JavaScript使用FacebookGraphAPI上传文件,我觉得我很接近。我正在使用以下JavaScriptvarparams={};params['message']='PicRolled';params['source']='@'+path;params['access_token']=access_token;params['uploadfile']=true;functionsaveImage(){FB.api('/me/photos','post',params,function(response){if(!response||response.error

javascript - Facebook Graph API - 使用 JavaScript 上传照片

是否可以使用JavaScript使用FacebookGraphAPI上传文件,我觉得我很接近。我正在使用以下JavaScriptvarparams={};params['message']='PicRolled';params['source']='@'+path;params['access_token']=access_token;params['uploadfile']=true;functionsaveImage(){FB.api('/me/photos','post',params,function(response){if(!response||response.error