草庐IT

javascript - 在 bootstrap 选项卡问题中绘制图表

我正在尝试在bootstrap选项卡中使用flotchart,尽管javascript没有正确绘制图表,但它的绘制扭曲了,文本太靠近图表了。.在选项卡之外,图表工作正常。我试过使用css,但我发现的唯一解决方案是在选择选项卡之前不将选项卡样式(display:none)设置为默认值,例如:我尝试在用于图表的选项卡上设置display:block,图表绘制得很好,但在其他选项卡选择上Canvas不会消失。解决方案。我提醒一下,这是Bootstrap默认选项卡中的图表错误。它被绘制扭曲的原因是因为图表无法在隐藏的div(display:none)中正确绘制。有3个选项可以解决此问题。添加一

javascript - 需要垫片设置 - jquery.flot/jquery.flot.selection

所以我正在使用jquery.flot和jquery.flot.selection并且因为define({...异步加载模块我遇到了问题因为选择插件试图将自己插入$.plot.plugins(这是由jquery.flot创建的)但在那一刻$.plot.plugins仍然没有定义。我发现require.config中的“shim”参数应该可以帮助我解决这个问题,但我没有运气......所以这里是破败...jquery.flot创建$.plotjquery.flot.selection将自身添加到$.plot.plugins我试过的...shim:{'js/lib/jquery.flot':

wicked_pdf 中的 javascript_delay 抛出错误

环境:-ruby-1.9.3,rails-4.0.0我正在使用wicked_pdfgem生成pdf。为此,我在Controller中使用了以下代码:-respond_todo|format|format.htmlformat.pdfdorender:pdf=>'contractors_data',:javascript_delay=>5000,:disposition=>'attachment',:template=>'tiles/templates/pdf/contractors.pdf.erb',:header=>{:right=>'Page[page]of[topage]'}en

javascript - 并排的 jQuery flot 多条形图

我使用带有类别插件的jQueryplot来创建图表。我想用这段代码为每个月并排绘制两个条形图:$.plot(".chart",[{label:"NeueMitglieder",data:data,order:1},{label:"FälligeKündigungen",data:data2,order:2}],{series:{bars:{show:true,barWidth:0.5,align:"center",}},xaxis:{mode:"categories",ticks:[[0,"Jan"],[1,"Feb"],[2,"Mär"],[3,"Apr"],[4,"Mai"],[5

javascript - jQuery/弗洛特 : How do you get the coordinates of a datapoint?

我目前正在查看http://people.iola.dk/olau/flot/examples/interacting.html中的示例但我不知道如何获取数据点的坐标。我不会点击Plot,所以我无法使用事件plotclick。现在我的问题是:是否有另一种无需单击即可获取数据点的x和y坐标的方法?我将使用jQueryslider突出显示图表上的不同点,并希望在数据点旁边有一个工具提示。提前致谢:) 最佳答案 这有点晚了,但我在绘制图表后运行了这个函数,作为一种将标签放在折线图中绘制的数据点下方的方法。$(document).ready

javascript - float 图,使用图例打开/关闭系列

我希望能够使用float图的图例来打开/关闭我的图表系列。我在flot站点上找到了示例,并使用了API中的Turningserieson/off和Labelformatter来构建我现在拥有的东西。我可以将复选框放在图例元素旁边,并向它们添加点击事件及其触发。但这会再次调用绘图函数并重置我的复选框值。我已经包含了完整的jquery函数,抱歉它有点长。varjsonPath="JsonPriceHistory/"+getParameterByName("CardId")$(function(){$.getJSON(jsonPath,function(results){results=[{

javascript - 当包含的 div 改变大小时如何调整 Flot 图的大小

我正在使用Flot图形库jQuery插件,但是当它包含时,我还没有找到处理调整图形大小的好方法。更改大小(例如,由于窗口大小调整)。在处理onresize事件时,我确保包含的宽度和高度更新为正确的大小,然后尝试同时调用setupGrid并在绘图对象上绘制但没有效果。我已经通过删除和读取包含的方法取得了一些成功。并重新绘制其中的图表。但是,如果我必须添加其他,这似乎很容易陷入无限调整大小事件循环。同时将元素添加到文档中(例如图形的工具提示),因为我猜这些元素也可以触发调整大小事件?有什么好的方法可以处理我所缺少的吗?(我还在IE上使用ExplorerCanvas,以便能够使用Flot,如

javascript - 饼图点击问题 - 未检测到点击

我一直在尝试创建一个图表来显示世界不同地区发生的事件。所以我基本上结合了两个图1)d3googlegraph(http://bl.ocks.org/mbostock/899711)通过map和jqueryflot饼图(http://people.iola.dk/olau/flot/examples/pie.html)显示区域来映射事件。我将所有相应的纬度经度值存储到一个数组中,并根据这些值附加map上的标记。所以基本上我会创建一个xhtml:div借助在相应标记上留出空间创建这些div后,我将为每个相应的div元素添加饼图。所以图形创建成功,饼图的“plotclick”功能,捕捉饼图上

javascript - 如何在 JQuery Flot 上复制 Y 轴

我能够使用JQueryFlot,这是一个非常好的工具。但是,我找不到适合我的问题的解决方案。我想复制Y轴,这样我就可以在左边显示1,在右边显示1,这样用户在比较图表最右边的数据时,就不必滚动到图表的最左边了图表。我假设他们将通过智能手机访问它。JQueryFlot允许多轴,但对于每个轴,我需要一组不同的数据,如本例所示:http://people.iola.dk/olau/flot/examples/multiple-axes.html但我不想复制数据。我不能只“告诉”Flot使用同一组数据复制yaxis吗? 最佳答案 您可以使用h

javascript - flotr 鼠标悬停在行上时显示数据系列名称

我正在使用flotr绘制90个数据集的图表。平均而言,90组数据中只有两组会实际生成可绘制的线。其他88个左右的y值非常低,以至于它们几乎不会在x轴上方达到峰值。这是一个例子...我的问题是我不知道这两行是什么数据集。我可以编一个图例,但那个图例会很大,因为大约有90个数据集。所以我想知道当鼠标悬停在该数据集的图形数据上时,flotr是否具有标记这些数据集的功能。有这样的功能吗?谢谢。 最佳答案 好的,我找到了答案。我看到了这个例子...http://phenxdesign.net/projects/flotr/examples/p