问题标签 [dygraphs]
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.
dygraphs - 突出显示最近的系列 - 但只显示突出显示系列的 X/Y?
我正在尝试调整我的图表以使其表现得像此页面上的最后 2 个图表:http ://dygraphs.com/tests/series-highlight.html在鼠标悬停时,它只显示 X/Y 坐标特定突出显示的系列,而不是该 X 值的所有坐标。
我似乎无法辨别它在 javascript 中指定的位置,而且似乎所有 4 个图表都设置相同,但行为不同。
我的代码目前看起来像这样,并且可以很好地突出显示最近的系列,但是所有标签点都太混乱了。
有任何想法吗?我对 javascript 还很陌生,只是无法完全理解示例中发生的事情。
javascript - 如何在 Dygraps x 轴上跳过周末。
我正在尝试使用 DyGraphs 来绘制股票数据。它在绘制和缩放数据方面做得很好。但我的数据有缺口,因为股票在假期不交易。我不想在 x 轴上显示周六和周日。我想在 google 财务上有这样的图表,其中 x 轴跳过周六和周日(没有数据的日期)。那可能吗?如果我使用绘图仪选项,我能达到这个结果吗?
ps 我不介意图表是否放大到小时或分钟级别。
angularjs - 减少绘制的系列数量会导致控制台错误
我在 AngularJS 应用程序中使用 Dygraphs 来显示来自数据记录器的数据的时间序列图。当数据到达时,Angular 会处理检索新数据并更新图形系列,而 Dygraphs 正在使用 Angular 很好地更新绘图$watch()
。当我想切换到一组不同的数据,特别是包含较少系列的数据时,就会出现问题。我看到一个控制台错误(在 OS X 10.6.8 上使用 Safari 5.1.9):
在第 2 行dygraph-combined.js
。似乎没有发生任何不愉快的事情,并且图表更新正确,但我宁愿它没有发生!
我在让 Angular 正确切换图形数据源时遇到了一些问题:对我有用的是在$timeout(,0)
调用中更改数据源,同时立即更改其他选项。这意味着系列数量与系列标题和/或轴的数量之间将存在(短暂的)不匹配。如果系列数没有变化或增加,我不会收到此错误。谁能看到出了什么问题,并告诉我如何避免它?
我编写了一个 Angular 指令来实例化一个 Dygraph:
然后在我的控制器中,我像这样切换图形数据源:
欢迎任何建议,评论甚至答案!
谢谢
javascript - dygraphs setVisibility() 在页面上有多个图
我一直在使用 dygraphs,并且已经让一个网页与复选框配合得很好,可以打开和关闭页面上可能无限数量的 dygraphs 的可见性。
但是,当我添加按钮以将值设置为全部打开或全部关闭时,我现在卡住了。
我找到了一个我遵循的基本示例:http ://dygraphs.com/tests/color-visibility.html ,其中包含复选框 0-3 的 ID 名称。只要我不必调用复选框的 ID,这适用于一个图,甚至适用于多个图。我让整个系统都在重复 ID 号。
但是,当我添加一个按钮来自动选中该框时,我需要唯一标识的复选框,否则它只会选中和取消选中第一组框。然后,一旦我重命名复选框 ID,原始可见性功能就不起作用。
HTML:
JS代码:
我相信问题在于通过更改功能时的“this”调用。当我使用 Firebug 进行探测时,如果我单击第 3 号复选框,则元素为 input#3 并且这有效。但是,如果我将 ID 重命名为 plot2box3 之类的东西,则萤火虫元素是 input#plot2box3,我相信 setVisibilty 函数不知道如何处理。
那么问题是,我如何保持“this”引用输出正确的元素,同时能够唯一地调用复选框。
谢谢!
dygraphs - Dygraphs 动态更改系列名称?
我有一个 dygraphs 图表,上面绘制了 115 个左右的系列。它工作得很好。但是,我试图弄清楚如何检索突出显示的系列的系列名称,以及如何格式化该数字。
dygraph fiddle 页面上的示例(不过,我使用一个大的 php 字符串作为数据,不会显示)。http://jsfiddle.net/eM2Mg/861/
我最终得到了一个突出显示的标签,例如“年份:1955 Y73 投资组合:1,000,000 美元”。我希望能够检索那个 73 号码,并编辑它所说的内容。我在 dygraph js 文件中找不到序列号的特定标签格式化程序,或检索它的方法。我不想手动标记每个系列。
想法?这是一个很棒的图表软件。
javascript - 从时间序列中删除小时
Dygraphs 可以轻松显示时间序列...
但是,如果我的数据仅包含两个数据点,它会自动以小时填充 X 轴上的空白。是否可以禁用此功能?
我搜索并尝试了许多选项,但没有发现任何有用的东西。
示例可能是画廊中的“时间序列绘图演示” - 如果仅在几个数据点上执行,它将用小时填补“空白”。
这是一个很好的例子:
更新 - 这似乎工作:
javascript - 使用 Dygraphs 绘制图表:根据缩放进行数据采样
尽管与其他解决方案相比,Dygraphs 性能非常好,但当查看越来越多的数据点时,性能不可避免地会变慢。
我已经在本地加载了所有数据。Dygraphs 有没有办法智能地显示较低的分辨率(根据数据点的数量),然后在缩放时显示更多?
dygraphs - setSelection() 是否打算调用 highlightCallback 处理函数?
就像它在标题中所说:
是setSelection()
打算调用一个注册的highlightCallback
处理函数吗?我的经验是它没有,而且我没有足够的上下文来通过从我自己的代码调用处理程序函数来获得相同的效果。
这可能符合 Dygraphs 错误。
pie-chart - 我们如何使用 dygraph 制作饼图
我想使用 dygraph 库创建饼图。在主站点http://dygraphs.com/上,我找不到创建饼图的方法
jquery - 如何解决 Dygraphs 范围选择器错误?
当我开始使用范围选择器时,Dygraphs 中的范围选择器将 x 轴的起始值乘以 10(默认情况下,加载页面后 x 轴是正确的)。例如,我的第一个 x 轴值为 1 -> 范围选择器从 10 开始(5 -> 从 50 开始)。数据采用 JSON 格式,并且在没有范围选择器的情况下正确显示。我该如何解决或解决这个问题?
这是 dygraph.com/fiddle jsfiddle中的代码 我无法显示 JSON 解析,所以我输入了我在浏览器的源代码中看到的 JSON。(它以 10 开头,但在我的数据库中,它以 1 开头。图表在 x 轴上显示 10,但在我移动范围选择器之前显示 1 的 y 值)
但是当我手动操作 JSON 时也会发生这种情况
1显示在x轴上。当我移动选择器时,它变为 10 并且图表中不再显示任何内容