问题标签 [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 投票
1 回答
733 浏览

javascript - Flotr2,图表颜色改变,图例不更新

当我更改图表中线条的颜色时,图例不会以相同的颜色更新。它保持与默认颜色相同。我需要做些什么来更新图例中的颜色以显示与图表相同的颜色吗?

代码和 jsfiddle 都是同一个例子。

http://jsfiddle.net/ye0ny57j/

0 投票
1 回答
304 浏览

javascript - 带有条形图日期的 Flotr2 错误

我有一个 fltr2 图表,应该在其中显示一些数据:

编辑:Chrome 用户:请注意,这个 jsfiddle 在 chrome 中似乎不起作用,不知道为什么

http://jsfiddle.net/1jgb2k6r/7/

我的问题是我的条在它们所代表的日期上没有居中对齐。

有没有办法重新调整这些条?

0 投票
1 回答
83 浏览

flotr2 - Flotr2 精度标签

我刚开始使用 flotr2,我想要有许多十进制数字的标签,例如 1.3333338。你如何在 flotr2 yaxis 上定义它;

0 投票
2 回答
2318 浏览

javascript - JQuery Flot:如何将数据添加到现有点图而不是重绘

我正在绘制一个点图,该图应该每 5 秒更新一次新数据。这里最小和最大范围总是固定的

目前,当我从服务器获取新数据时,我会将新数据合并到现有的 source.data 并绘制完整的图表。

所以,我不想一次又一次地重绘完整的数据。随着 source.data 长度的增加,性能正在下降。因此,我可以只将新数据添加到现有图表中,而不是重绘完整数据

请在此处找到源代码

0 投票
2 回答
332 浏览

javascript - Flotr2 颜色不起作用

我刚拿到了 Stephen A. Thomas 写的《使用 Javascript 进行数据可视化》一书,我正在完成这些练习。第一章是关于 Flotr2 的。以下是这本书告诉我要做的事情:

现在这和书中的唯一区别是书告诉我做window.onload,而我使用了addEventListener。这本书说这应该制作一个具有多种颜色(列出的颜色)的条形图,但我所有的条形图都是相同的颜色,这是列出的第一种颜色。我已经尝试了所有方法,但似乎没有任何效果。有其他人在使用 Flotr2 时遇到过这个问题吗?我使用的是最新版本,所以这只是 Flotr2 的问题吗?还是我做错了什么?

0 投票
1 回答
125 浏览

javascript - Flotr2 两组数据的不同颜色

我已将正面和负面数据合并到一个名为 yAxis 的数据集(正面和负面的多列)。这是代码:

这是现在的样子

我希望'bad'和'ble'是红色的。我找到了一些手册如何用 flot 处理这个问题,但不是 flotr(flotr2)。

有没有办法让它像下面这样?或者也许我必须像这里一样拆分数据?

0 投票
1 回答
168 浏览

javascript - Flotr2.js | xaxis标签未显示

我正在尝试从Stephen A. Thomas的Data Visualization with JavaScript一书中复制一个介绍性示例(No Starch Press,2015)

JSFIDDLE

这是代码:

HTML

JS

我面临的问题是标签(years)没有显示为xaxis.

是什么导致years数据不填充?

编辑: Firefox 中没有显示年份,Chrome 中的屏幕完全空白。

0 投票
1 回答
84 浏览

jquery - Flotr2 看不到 jQuery 对象

我正在尝试使用 flotr 创建一些简单的可视化。但是,当我尝试为图表指定 div 容器时,我收到一条错误消息:

Uncaught 目标容器必须是 visibleGraph._setEl @flotr2.min.js:27Graph @flotr2.min.js:27n.draw @flotr2.min.js:27(匿名函数) @lines.html:25i @jquery.min。 js:2j.fireWith @jquery.min.js:2n.extend.ready @jquery.min.js:2K @jquery.min.js:2

但是,当我将 jQuery$("#chart")选择器更改为document.getElementById("chart"). 基本上,当我使用 vanilla JavaScript 时它可以工作,但是当我切换到 jQuery 时它会失败。

下面是一个简化的娱乐。

如果我将 更改$("#chart")document.getElementById("chart"),它可以工作。但我想使用jQuery的方式。

0 投票
1 回答
161 浏览

flotr2 - 将完成的绘图事件附加到 Flotr 或 Flotr2

我正在使用 Flotr2 库: https ://github.com/HumbleSoftware/Flotr2

我一直在到处搜索以了解如何添加回调或事件处理程序,当 Flotr 图表实际完成绘制时触发。

我的图表可以使用中小型数据绘制,但是当我使用更大的数据集时,绘制图表需要更长的时间。当它试图绘制时,图形容器是空白的,所以我想在它试图绘制时显示一个加载微调器,并在图表实际完成绘制时隐藏这个微调器。

所以我的问题是如何知道图形何时真正完成绘制?

有人可以指出我正确的方向或提供一些代码示例。任何帮助将不胜感激。

谢谢,

0 投票
1 回答
1856 浏览

jquery - 将html转换为具有多个画布和表格的pdf

我正在将具有多个画布并具有一些文本的html页面转换为单个pdf,因为它是从flotr.js创建的(它有很多使用flotr.js创建的图表)。如何将这些所有图表和文本组合成一个 pdf 文件。我用jspdf尝试了很多,但没有得到任何答案。

在此处输入图像描述