问题标签 [flot]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
14979 浏览

javascript - 在 Flot 中,是否可以在不消除相应标签的情况下消除或隐藏网格刻度?

Flot API 文档描述了该库用于自定义图形轴的大量钩子。您可以为每个轴分别设置刻度数、颜色等。但是,我不知道如何防止 Flot 在不删除 x 轴标签的情况下绘制垂直网格线。我尝试更改 tickColor、ticks 和 tickSize 选项,但没有成功。

我想创建漂亮的、与 Tufte 兼容的图表,例如:

http://www.robgoodlatte.com/wp-content/uploads/2007/05/tufte_mint.gif http://www.argmax.com/mt_blog/archive/RealGDP_graph.jpg

我发现我的图表上的垂直刻度是图表垃圾。我正在处理一个显示为垂直条的时间序列,因此垂直刻度通常以一种视觉上嘈杂的方式穿过这些条。

0 投票
1 回答
8400 浏览

jquery - 从浮动图表中获取数据系列的颜色

在 stackoverflow 用户页面上看到酷炫的新“声誉”选项卡后,我受到启发,开始尝试使用 Flot 图表库。我有一个有数百个系列的折线图。在任何给定时间,这些系列中只有几个是可见的。我的数据系列分为几个“类别”,并根据该类别分配数字颜色索引。我希望能够看到 Flot 将什么实际颜色分配给特定颜色索引值,最终目的是创建一个将颜色与我的数据“类别”相关联的自定义图例。我怎样才能得到这些颜色值?

我看到我可以提供自己的颜色数组,但我不愿意这样做,因为在加载数据之前我不确定我会有多少类别。我想我可以创建一个太大的数组,但是如果可以问 Flot 每个系列是什么颜色,那似乎很浪费

0 投票
7 回答
66443 浏览

javascript - 任何带有浮动工具提示的 Flot 示例?

我目前正在研究Flot图,该API总体上看起来非常强大,尽管高级使用的示例没有被广泛记录。

API 建议有一些方法可以在图表上设置悬停,而不是我确定这到底意味着我可以用它做什么。

我想知道是否有人可以提供一些他们遇到的示例,或与此相关的代码,这些示例演示了以下任何示例:

  • 将鼠标悬停在 Flot 图表元素上的事件上触发的动态工具提示
  • 勾选工具提示(悬停在 xaxis 上显示详细信息)
  • 已使用 w Flot 的任何类型的悬停/动态事件绑定

我正在寻找的效果类似于这个Open Flash Chart 示例

0 投票
4 回答
22624 浏览

flot - 如何控制 flot 中的刻度标签大小

我有一个基本条形图,我在 flot 中展示(5 个条形图,显示每个状态的百分比)。

我发现用于 x 轴上刻度值的字体有点太大,尤其是当图表以小尺寸显示时,即。240x100。我已阅读 API 文档,但找不到如何控制刻度标签大小。

这可能是OOTB吗?

0 投票
2 回答
4393 浏览

javascript - jQuery Flot 中的事件标志

我希望将事件添加到一些 Google Flot 图表中,例如在 Google Finance 中看到的那些。在搜索了一些之后,看起来有人已经开始这样做并在http://code.google.com/p/flot/wiki/FlotUsage上发布了几张图片。我找不到任何可以做到这一点的 Flot 插件。

有谁知道 Flot 插件或示例,所以我可以确保不会重新发明任何轮子?

0 投票
3 回答
3732 浏览

javascript - Django 模板:为 javascript 变量插入值

我正在尝试在 Django 模板中分配一些 javascript 变量。

我有一个问题,我分配的值被正确写入页面(我可以在页面源代码中看到它们),但仍然显示为null.

我正在这样做:

这是生成的页面源:

它似乎是完全有效的 javascript,但是,使用 Firebug 查看 的值coords,这是产生的:

所以很明显,每个push()调用都正确进行,并且每次都添加一个大小为 2 的新数组。但是,由于某种原因,数字文字都评估为null.

有谁知道我怎样才能正确使用这些值?

更新:看起来数组中的值很好,直到我将它们传递给 jQuery flot 插件:

所以我想这毕竟与我使用 Django 模板的方式没有任何关系。不过,我很好奇问题出在哪里$.plot

0 投票
2 回答
2082 浏览

ruby-on-rails - 帮助使用 Flotilla 和 Ruby on Rails

我是 Rails(和 StackOverflow)的新手,所以如果这是一个“愚蠢”的问题,我深表歉意。我已经组装了一个非常简单的 Rails 应用程序。它从另一台服务器接收数据(通过 HTTP POST)。我想绘制发送的数据 - 特别是,我希望绘制温度与时间的关系图。

我正在尝试使用Flotilla生成这些图表,但除了主页上的一行示例之外,我似乎找不到太多关于如何使用它的文档:

这是我的 index.html.erb:

第一部分简单地打印出温度和时间列表。这工作正常。不幸的是,第二部分 - 实际图表 - 似乎不起作用。实际上没有任何显示。

如果我查看生成的 HTML 的源代码,我会看到:

但没有显示实际的图表。提前感谢您的帮助。

0 投票
1 回答
2142 浏览

jquery - Jquery:从单个事件触发多个动作 - 或 -

我正在尝试使单个事件更新页面的两个部分。

如果您查看http://eddowding.com/clients/stack/OverviewLite.php,您可以通过单击并拖动一个区域来放大顶部图表。在发布时,此更新页面上的图表之一。我希望它能更新所有这些。

我认为这是一个 jquery 问题,而不是 flot 问题,并且怀疑 Fling(http://www.command-tab.com/2008/12/04/jquery-fling/)可能有答案。但我不太清楚如何应用它。(无论如何,我都不是 js 人..!)

提前致谢!

0 投票
1 回答
1281 浏览

jquery - 浮动相同范围的刻度

嗨,我想添加不在固定范围内的刻度。即我的刻度将是 1,2,3,3,3,3,4,5 我将如何告诉图形类型的数据集根据刻度数而不是固定范围来绘制点。

0 投票
1 回答
921 浏览

javascript - flot v0.5 是否支持 IE8 RTM?

flot v0.5无法在 IE8 RTM 中正确呈现。我正在使用与 flot 一起打包的 excanvas 库(根据说明)。

项目描述声明支持 IE8,但没有提及哪种模式(兼容或标准)。

有没有人有使用 IE8 的 flot v0.5 的经验?

谢谢