草庐IT

web工具

全部标签

javascript - D3.js:折线图 - 工具提示和悬停垂直线

我一直在研究使用D3.js构建的交互式折线图。悬停一次我希望工具提示显示为一条垂直线。垂直线很好,但是,我遇到了与工具提示相关的问题。工具提示位置不在图表上,我只得到第一个数据元素。这是我的代码:margin={top:20,right:20,bottom:20,left:50};varwidth=Math.max(250,Math.min(700,d3.select("#content").width-margin.left-margin.right)),height=500;varvis=d3.select("#line_chart").append("svg").attr("wi

javascript - 最佳基于 Web 的 SVG 所见即所得

我有一个需要绘图程序的站点。我的用户需要能够绘制平面图并向这些图像添加文本。我想知道是否有人遇到过不错的SVG所见即所得编辑器。否则我将不得不使用我不喜欢的Flash或Java应用程序。 最佳答案 我唯一知道的是svg-edit.它远不如CKEditor、TinyMCE或FCKEditor等编辑器在其应用领域中强大或成熟,实现起来也不会那么简单,因为它更像是一个脚本,就像一个组件,最后我不知道定制它是多么容易。但我非常怀疑是否有类似的东西更舒适。你可以试试here或here(顺便提一下,它不能在InternetExplorer中运行

javascript - 最小的工具提示脚本(无 jQuery)

有人知道吗?我在网上找到的所有工具都使用jQuery或Prototype,我不想加载它们只是为了显示一些工具提示。 最佳答案 qTip是我所知道的最小的工具提示库(只有2K文件大小)并且不需要jQuery或外部插件。此外,它还是少数与IE5.5及更高版本兼容的插件之一。qTip:http://qrayg.com/learn/code/qtip更多工具提示插件(其中一些确实需要jQuery):引用:http://coding.smashingmagazine.com/2007/06/12/tooltips-scripts-ajax-j

javascript - 使用 RESTful Web 服务身份验证的 AngularJS

我正在尝试构建一个需要用户登录的AngularJS应用程序。当他们第一次访问该应用程序时,他们将被重定向到登录页面(http://domain.my:3000/login)。当用户输入他的用户名和密码时,将调用网络服务(http://domain.my:4788/WebServices/user/login?username=XXX&password=YYYY),它返回包含用户ID、名称等的JSON数据,这些数据需要存储在某个地方(cookies/localstorage?)。我该怎么做呢?我是否需要创建一个服务器(可能在nodejs上)来处理对Web服务的请求,或者一个angular

javascript - 在 Web 浏览器上实时接收 Kafka 事件

我们使用Kafka集群实时发送/接收消息。我们能够成功地向Kafka主题发布消息。现在我们希望在使用JavaScript的Web浏览器上运行的单页应用程序(SPA)上实时接收这些消息。是否可以直接从Kafka将消息推送到在任何著名浏览器上运行的最新版本的SPA?我找到了使用NodeJS实时接收消息的示例,但没有找到在Web浏览器上运行JavaScript的示例。 最佳答案 Kafka有Javascript客户端,但鉴于您的用例描述,我建议您在浏览器端javascript和Kafka之间使用REST或WebSocket代理。这将确保消

javascript - 如何在 nvd3 饼图的工具提示中获取百分比?

我有一个nvd3饼图。我正在获取百分比值作为标签,但我希望它出现在工具提示中。这是HTML:数据Data1=[{key:"Ongoing",y:20},{key:"completed",y:0}];这是将键显示为工具提示数据的工具提示函数。$scope.toolTipContentFunction=function(){returnfunction(key,x,y,e,graph){return''+key+''}} 最佳答案 这是一个jsfiddle在工具提示中显示百分比。关键代码是这样的:(你必须计算构成饼图的所有值的总和)va

javascript - Chart JS 在工具提示中显示 HTML

我一直在研究ChartJS的文档,试图找出当您将鼠标悬停在特定点上时如何修改折线图工具提示的内容。基本上,只要悬停一个点,我就想在所有相同的垂直轴上显示值。我试过这样的事情:tooltips:{callbacks:{label:function(tooltipItem,data){console.log(data);varhtml="";for(vardatasetindata.datasets){html+=""+data.datasets[dataset].label+":"+data.datasets[dataset].data[tooltipItem.index]+"%";}r

javascript - 是否可以在没有 web dyno 的情况下将 Node.js 应用程序部署到 Heroku?

对于一些背景故事和引用,这里引用了一些Heroku文档页面。来自HerokuNode.jsSupport>Activation:TheHerokuNode.jsbuildpackisemployedwhentheapplicationhasapackage.jsonfileintherootdirectory.来自HerokuNode.jsSupport>Defaultwebprocesstype:First,HerokulooksforaProcfilespecifyingyourprocesstypes.IfnoProcfileispresentintherootdirectory

javascript - IntelliJ Firefox Web 扩展开发

我正在学习如何使用FirefoxWebExtensionsAPI,并且正在使用IntelliJ。有没有办法获得API的代码完成/建议?我按照下面答案中的步骤操作,但似乎没有针对Firefox的完整步骤。https://stackoverflow.com/a/25466708/5941389 最佳答案 最近(2017年11月)在名称firefox-webext-browser下添加了FirefoxWebExtension类型stub。您链接的答案中的步骤现在有效(相关更改以粗体显示):FirsttimesetupOpentheSett

javascript - ChartJS 将工具提示添加到分组条形图

我正在尝试使用ChartJS将欧元符号添加到我的分组条形图的工具提示中。剪断:tooltips:{mode:'label',callbacks:{label:function(tooltipItem,data){returndata['datasets'][0]['data'][tooltipItem['index']]+'€';}}}此代码适用于我的折线图,但不适用于我的分组条形图。我希望我的条形图在悬停时如下所示:但是我的图表中没有欧元符号,它只是显示它的值。我做错了什么?谢谢。**编辑所以我的完整选项如下所示:options:{title:{display:true,text:'