问题标签 [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.
javascript - Flotr2,图表颜色改变,图例不更新
当我更改图表中线条的颜色时,图例不会以相同的颜色更新。它保持与默认颜色相同。我需要做些什么来更新图例中的颜色以显示与图表相同的颜色吗?
代码和 jsfiddle 都是同一个例子。
javascript - 带有条形图日期的 Flotr2 错误
我有一个 fltr2 图表,应该在其中显示一些数据:
编辑:Chrome 用户:请注意,这个 jsfiddle 在 chrome 中似乎不起作用,不知道为什么
http://jsfiddle.net/1jgb2k6r/7/
我的问题是我的条在它们所代表的日期上没有居中对齐。
有没有办法重新调整这些条?
flotr2 - Flotr2 精度标签
我刚开始使用 flotr2,我想要有许多十进制数字的标签,例如 1.3333338。你如何在 flotr2 yaxis 上定义它;
javascript - JQuery Flot:如何将数据添加到现有点图而不是重绘
我正在绘制一个点图,该图应该每 5 秒更新一次新数据。这里最小和最大范围总是固定的
目前,当我从服务器获取新数据时,我会将新数据合并到现有的 source.data 并绘制完整的图表。
所以,我不想一次又一次地重绘完整的数据。随着 source.data 长度的增加,性能正在下降。因此,我可以只将新数据添加到现有图表中,而不是重绘完整数据
请在此处找到源代码
javascript - Flotr2 颜色不起作用
我刚拿到了 Stephen A. Thomas 写的《使用 Javascript 进行数据可视化》一书,我正在完成这些练习。第一章是关于 Flotr2 的。以下是这本书告诉我要做的事情:
现在这和书中的唯一区别是书告诉我做window.onload,而我使用了addEventListener。这本书说这应该制作一个具有多种颜色(列出的颜色)的条形图,但我所有的条形图都是相同的颜色,这是列出的第一种颜色。我已经尝试了所有方法,但似乎没有任何效果。有其他人在使用 Flotr2 时遇到过这个问题吗?我使用的是最新版本,所以这只是 Flotr2 的问题吗?还是我做错了什么?
javascript - Flotr2 两组数据的不同颜色
我已将正面和负面数据合并到一个名为 yAxis 的数据集(正面和负面的多列)。这是代码:
我希望'bad'和'ble'是红色的。我找到了一些手册如何用 flot 处理这个问题,但不是 flotr(flotr2)。
有没有办法让它像下面这样?或者也许我必须像这里一样拆分数据?
javascript - Flotr2.js | xaxis标签未显示
我正在尝试从Stephen A. Thomas的Data Visualization with JavaScript一书中复制一个介绍性示例(No Starch Press,2015)
这是代码:
HTML
JS
我面临的问题是标签(years
)没有显示为xaxis
.
是什么导致years
数据不填充?
编辑: Firefox 中没有显示年份,Chrome 中的屏幕完全空白。
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的方式。
flotr2 - 将完成的绘图事件附加到 Flotr 或 Flotr2
我正在使用 Flotr2 库: https ://github.com/HumbleSoftware/Flotr2
我一直在到处搜索以了解如何添加回调或事件处理程序,当 Flotr 图表实际完成绘制时触发。
我的图表可以使用中小型数据绘制,但是当我使用更大的数据集时,绘制图表需要更长的时间。当它试图绘制时,图形容器是空白的,所以我想在它试图绘制时显示一个加载微调器,并在图表实际完成绘制时隐藏这个微调器。
所以我的问题是如何知道图形何时真正完成绘制?
有人可以指出我正确的方向或提供一些代码示例。任何帮助将不胜感激。
谢谢,