草庐IT

javascript - IE10 上触摸点之间的空间

我正在开发插件flot.touch.js,它为webkit浏览器在图表上添加触摸交互(平移和缩放)。我也想让它在IE10上运行,但我不知道如何检索我的触摸点之间的空间(我需要这个来计算比例)。在webkit浏览器上,我们可以通过使用这些变量来做到这一点:evt.originalEvent.touches[0].pageXevt.originalEvent.touches[0].pageyevt.originalEvent.touches[1].pageXevt.originalEvent.touches[1].pageY 最佳答案

javascript - 在 flot 中创建图形中断

我在flot中绘制的图表的数据可能是不连续的-某些测量值可能会丢失。我不允许对它们进行插值-必须存在不连续性,没有值,与缺失值相邻的值之间没有联系;图表必须在休息前的最后一次测量结束,然后从休息后的第一次测量重新开始。我可以完全操作数据,我知道哪些数据丢失了,哪些数据出现在了边缘。数据以多个系列的[time,value]对的形式出现,任何系列都可以包含中断(对于中断的通信,中断通常会出现在同一时间段内。)我如何强制flot在图表中创建这样的间隙? 最佳答案 使用JavaScriptnull,像这样:[[0,0],[1,1],null

javascript - 我怎样才能用 flot 只绘制点(而不是线)?

最终我想要一个像这样的非常小的一维图表:坐标轴X轴:0到100,不可见Y轴:0到0(但绘制三条线可能需要-1到1)数据仅积分。无需排队。两个数据集需要不同的颜色(首选红色和绿色)。x轴上的所有数据(y=0)如果形状是可能的,X和O将是完美的飞机我需要在x轴上的特定点绘制三条线,而不是标准网格。示例:[[40,-1],[40,1]],[[50,-1],[50,1]],[[60,-1],[60,1]]这是我到目前为止尝试过的:d1=[[48,0],[16,0],[10,0],[40,0],[30,0],[37,0]];d2=[[43,0],[60,0],[74,0],[83,0]];var

javascript - 什么样的算法可以生成这样的曲线 (img) & 它可以在 javascript 中为 flot 完成吗?

你能给我一个算法的例子吗?alttexthttp://ryancalderoni.com/archive/ideal_curve.jpg编辑:然后我将如何使用Javascript计算数学?有人可以添加吗?很抱歉最初没有包含该上下文..注意:我正在使用“flot”来绘制它,flot的输入是一个javascript数组,如下所示:[[x,y],[x,y],[x,y]...]因此,给定改变曲线的值,我将所有点输出到一个带有循环的数组,然后将其吐出以float到图形中。 最佳答案 典型的S型曲线是tanh(x)曲线。根据定义,tanh(x)

javascript - Flot 和 Internet Explorer 9?

我正准备为我的ASP.NET应用程序选择一个图表库。我关注的是flot,它也被stackoverflow使用。当我在这里转到flot示例时:http://people.iola.dk/olau/flot/examples/他们看起来很棒。但在IE9中没有。我在IE9中什么也看不到。如果我将IE9设置为IE8或IE7模式,它就可以工作。如果我在SO上访问用户页面https://stackoverflow.com/users/22656/jon-skeet?tab=reputation它也适用于IE9。我错过了什么?是否有secret的SupportIE9=true开关?我查看了proto

javascript - Flot 上的渐变

如何在饼图上设置渐变效果?[{label:i,data:1000,color:["rgb(190,110,110)","rgb(140,70,70)","rgb(110,50,50)","rgb(60,10,10)"]},//nextserie]不起作用。另外,如何将渐变效果设置为图表的默认颜色?您可以按数字对其进行索引,例如:[{label:i,data:1000,color:1,},//nextserie] 最佳答案 我现在添加了对使用径向或线性渐变渲染饼图的支持。pullrequest#853中引用了我的提交.带有径向渐变的“

javascript - flot:在轴上显示单位?

在flot中,有什么方法可以让坐标轴显示$10、$20等,而不仅仅是10、20?我检查过thedocumentation但看不到办法,但这似乎是一个普遍的要求-特别是因为你不能(轻松地)标记轴。 最佳答案 您正在寻找API中的“tickFormatter”选项.例如:vardata1=[[0,3],[10,1],[20,2],[40,8],[50,10]];someFunc=function(val,axis){return"$"+val}plot=$.plot($("#placeholder"),[{data:data1}],{x

javascript - 为什么我的 Flot y 轴标 checkout 现在轴上? JQM

我一直致力于建立一个使用JQueryMobile和Flot的网站。这个想法是它可以显示您可以在其间滑动的图表。到目前为止,我得到了这个:http://lasmit.co.uk/tmm-graphs/graph2.php第一个图表效果很好,但如果您向一侧滑动,标签会出现在轴线上方并向外看。我确定我在这里遗漏了一些明显的东西,因此我们将不胜感激任何帮助。 最佳答案 当您在当前不可见的对象上调用$.plot时,Flot无法正常工作。最好的办法是将第2页和第3页的图表移动到pageshow事件中:$('#device2').bind('pa

javascript - 如何配置 flot 以在零点的 y 轴上绘制缺失的时间序列?

我正在使用flot(flotongithub)绘制包含以下时间序列数据的图表:[[1357171200000,1],[1357344000000,1],[1357430400000,2],[1357516800000,2],[1357689600000,3],[1357776000000,1]]如您所见,图表中有一些点显示了给定日期的销售额。我的json响应不包含未发生销售的日子的销售计数/数据。例如1月4日。我如何配置flot以在y轴上的零点处绘制缺失的天数(因为没有销售)?正如您在图像中看到的那样,flot确实连接了点,因此图中没有零点。 最佳答案

javascript - jQuery Flot 刻度/日期对齐

代码我的问题示例:http://jsfiddle.net/x46RQ/目标我希望图表是这样的条形图:http://jsfiddle.net/Lbd85/但显然以日期为x轴。如果我将我的数据添加到那个fiddle中,它就会像上面列出的那样乱七八糟,如下所示:http://jsfiddle.net/73G7Z/问题为什么不显示数据变量中提供的所有3天?为什么条形图没有与其适当的x轴刻度对齐?为什么将数据和模式更改为时间会完全弄乱本来可以正常运行且准确的条形图?环境jQuery1.7.1jQuery移动版1.0.1float0.7谢谢如果需要任何其他信息,请告诉我。