草庐IT

javascript - 如何使用 javascript 将时间从 24 小时格式转换为 12 小时格式?

该函数以24小时格式返回时间。functionfomartTimeShow(h){returnh以24小时格式返回时间。我希望将时间转换为12小时格式。任何帮助将不胜感激。谢谢。 最佳答案 只需使用模数12:functionformatTimeShow(h_24){varh=h_24%12;return(hModulus(%)表示除法取余。例如17/12=1余数为5。所以17%12的结果是5。并且17小时是12小时制中的5小时。但请注意,此功能并不完整,因为它在第0小时(或第12小时)不起作用。要修复它,您必须为此添加另一项检查:f

javascript - d3 v4 - 缩放按钮与缩放行为冲突

我创建了一个gist我的问题。我从thisexample开始.所以我的问题是,除了鼠标控件之外,我还需要一些放大和缩小按钮。鼠标控制(使用滚轮缩放和平移通过拖动)是用zoom()behaviour实现的.它工作得很好。然后我添加了两个用于放大和缩小的按钮:var_zoom=d3.zoom().scaleExtent([1/2,8]).on("zoom",zoomed);vargui=d3.select("#gui")gui.append("span").classed("zoomin",true).text("+").on("click",function(){_zoom.scaleB

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this

javascript - 使用 D3.js 的极坐标图

有谁知道使用D3Javascriptlibraries生成极坐标图的好例子吗??我见过一些像this这样的玫瑰图和this,但我真的在寻找更类似于Matlab极坐标图的东西:任何示例将不胜感激。谢谢! 最佳答案 当然,给你:该函数是使用d3.svg.line.radial绘制的.背景径向网格被实现为线、圆和文本元素。一个小烦恼是代码需要弧度(对于d3.svg.line.radial)和度数(对于SVG的transformattribute)。我使用了旋转的文本标签,因为使用SVG很容易做到这一点,但如果您不介意用一点三Angular

javascript - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

javascript - 转换日期日期(05/12/2011 到 12 日)

我正在尝试将日期转换为日期数字,后跟“st”、“nd”、“rd”或“th,具体取决于日期。我是javascript的新手,所以不知道从哪里开始。例如05/01/2011=1st2011年5月2日=第2次2011年5月3日=第3次2011年5月12日=12日2011年5月22日=22日谢谢 最佳答案 首先,获取日期:vardate=myval.getDate();然后找到后缀:functionget_nth_suffix(date){switch(date){case1:case21:case31:return'st';case2:c

javascript - 使用 CSS 3D 变换从 DOM 对象接收变换后的鼠标事件数据

目前在javascript鼠标事件中是否有任何数据可以让我轻松找到或计算相对于转换元素的3D空间的鼠标位置?为了直观地说明,左边是没有3d矩阵的div,右边是3d变换后的div。o是鼠标事件的来源+/|/|+-----++||||||o|=>|o|||||+-----++|\|\|+在下面的脚本中,单击div中的相同像素将报告一个位于文档/屏幕的二维变换空间中的event.layerX。我知道,但对解析div的matrix3d并使用它乘以事件位置以发现这一点的前景并不感到兴奋,但是在实际实现中,div将具有更复杂的转换,这需要在不止一个对象的每一帧上完成,我担心会带来的开销......

javascript - 在 d3 中拖动后始终抑制单击事件

单击和拖动事件的解耦在之前的一些问题中讨论过,例如thisone通常,建议在点击处理程序中使用if(d3.event.defaultPrevented===false){...}。但是,如果mouseup和mousedown不在同一个元素中,这似乎不起作用(至少在某些浏览器中)。Considerthisjsfiddle(下面的代码)。这是我想要的行为:单击SVG中的任意位置触发单击事件(矩形闪烁),拖动SVG中的任意位置拖动矩形。观察到的行为(Chrome33):如果单击的mousedown在矩形内部,而mouseup在外部,则拖动和单击事件都会触发。如果mousedown和mouse

javascript - D3.json 设置缓存为 false

我注意到使用json调用(d3.json)重绘D3元素不想在IE9+上更新。原因是json调用被缓存,因此浏览器不会在传递新数据时注册。正常jQueryajax调用的解决方法是将其属性设置为缓存:false,全局用于所有ajax调用:$.ajaxSetup({cache:false});但是我如何将它添加到d3.json调用中,因为它使用自己的方法调用ajax?我成功地在路径后添加了当前时间戳:varnoCache=newDate().getTime();d3.json(data+"?_="+noCache)但这样做有点蹩脚……有什么建议可以实现吗?或者更好的是,如何仅在IE运行时设置

javascript - 在 D3 map 上显示工具提示

我使用D3和countriesgeojson创建了一个基本map.这是demo.现在,当用户点击map上的任何坐标时,我会在工具提示中显示天气信息,并以天气图标作为标记。countries=countriesGroup.selectAll("path").data(json.features).enter().append("path").attr("d",path).attr("id",function(d,i){return"country"+d.properties.iso_a3;}).attr("class","country")//addamouseoveractiontos