问题标签 [flotr2]

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 投票
2 回答
1301 浏览

javascript - 如何用 Flotr2 饼图中的值替换百分比?

在他们的网站上,他们有一个如何绘制饼图的示例。但它显示数据的百分比而不是实际值。

我试过弄乱 pie 对象上的格式化程序实例,但无济于事。那么如何显示值而不是百分比呢?更广泛地说,如何自定义 Flotr2 图表?

0 投票
1 回答
450 浏览

c# - 时间:2019-05-10 标签:c#asp.net data binding with fltr2

我知道如何将 Datatable 绑定到 Repeaters 和 Datalist 并使用

<%# Eval("FieldName")%>

我知道如何使用 fltr2 创建演示饼图

这是我的主要问题

如何动态更新我的饼图数据,以便在绑定数据表时显示其正确的内容。

基于我的演示饼图。我需要显示总共5个数据,即

参加、未参加、未尝试、无法访问、未决定

我可以有这 5 个总数的多条记录,并且它们中的任何一个都可以有一个 0 值,但不能同时为所有这些记录。

是否可以将特定颜色绑定到特定数据?

就像我希望参加的部分是绿色的,而不是红色的等等......因为我的演示会自动使用默认颜色的序列。例如,当 NotAttending = 0 时,我不应再显示它,但颜色仍应与它们各自的数据保持一致。这意味着不应再使用红色。但是我真的很难解决这个问题,因为 flotr2 缺乏文档和样本。

我希望有人可以帮助我。提前致谢。

0 投票
1 回答
1346 浏览

javascript - flotr2 - 悬停在折线图中的线上

我正在使用插件“flotr2”在我的应用程序中显示折线图。

当我悬停在点上时,我必须显示一个工具提示,而当我悬停在线上时,我必须显示另一个工具提示。

我在选项中“鼠标”字段的“跟踪”参数中使用。我看到有另一个参数调用“trackAll”。这对我不利,因为它一直显示工具提示,而不仅仅是在我上线时。

这是我的代码:

0 投票
1 回答
1587 浏览

javascript - 如何绘制 json 数据

我每 4 秒得到一个这样的 json 数据:

我正在处理它以获得这样的数组:

[[1375230673948, 0.6443498175195954]]

(第一个数据是一个js时间戳)

我正在尝试使用 flot 实时绘制这些数据:

http://jsfiddle.net/gKRPX/28/

但我还不能得到它,请有人帮助我吗?

我需要绘制时间序列及其值从 json 获取数据。也许使用另一个库可以更容易地达到它,欢迎任何帮助..

0 投票
3 回答
442 浏览

javascript - 如何在 Flotr2 多轴图表中的 Y-2 轴上提供 Y-2 轴标签和标题之间的空间

我正在使用 Flotr2 创建多轴图表..

这是 Flotr2 多轴图表图像: 在此处输入图像描述

在右侧的这个多轴图表中,轴标签和标题是重叠的..

我需要如何在轴标签和标题之间提供一些空间以便于阅读。

我正在添加这个多轴 Flotr2 图表网址的参考:http ://www.humblesoftware.com/flotr2/#!advanced-titles

任何人都可以帮助我吗?

0 投票
2 回答
740 浏览

javascript - Flotr2 时间模式,以季度为单位

我使用Flotr2取得了巨大成功。现在我们用时间模式实现了它。这就像一个魅力。但现在客户只想显示季度(即 20013-1、2013-2)。

现在 Flotr2,自动缩放数据以适应图形。但是因为没有一个季度的大小相同,所以这失败了。

所以我的问题是,是否可以在 Flotr2 中(在 x 轴上)添加四分之一。如果是这样,在宇宙中是否有一个我没有找到的例子?

0 投票
1 回答
748 浏览

javascript - 仅针对条形图,flotr2 不会使用时间戳呈现

我正在使用 Flotr2 使用 DateTime 渲染一些图形。这一直很好地处理折线图,但我现在需要在购物车上渲染折线图和条形图。这应该很容易,并且在 fltr2 站点上有一个示例

当我使用int值时,一切都按预期工作。当我将其更改为DateTime,它会失败,因为折线图按需要显示,但条形图根本不显示。

下面是我的 Javascript(带有注释掉的 DateTime 值)

我做错了什么,还是这是 flotr2 的限制?

0 投票
1 回答
526 浏览

javascript - flotr2 - 单击时更改点颜色

是否可以更改 Flotr2 中点(线性图)的填充颜色?

我的代码:

0 投票
1 回答
568 浏览

javascript - Flotr2 实时图表

嗨,我正在编写一个使用 flotr2 显示图表的网站,我希望它每 30 秒实时打印一次图表,并在 XAxis 中显示时间戳。

目前我从第三方 API 获取数据,格式如下:

Y 轴显示“值”,X 轴应该在我每次更新图表时打印时间戳值。

知道我怎样才能正常工作吗?

问候。

0 投票
2 回答
927 浏览

javascript - 在 html 的 sDashboard 中使用 Flotr 绘图

我无法在我的 html 文件中使用 sDashboard 显示绘图。我做了以下,情节没有出现。

我也想使用 Flotr 的默认选项。我试过Flotr.defaultOptions但它没有用。如果 Widet 类型为 Chart widgetContent 的 sDashboard 状态的文档应具有根据 Flotr 文档指定的数据和选项。我在这里做错了什么?小部件框出现,但绘图(正弦图)不出现。