问题标签 [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.

0 投票
2 回答
1313 浏览

dygraphs - 如何使用 dygraphs 库绘制聚合数据图表

我正在使用 dygraphs 库 (http://dygraphs.com),我想知道是否有办法让我指定如何绘制 y 轴。

我的数据如下所示(我从 CSV 文件加载它):

日期,统计 20121029,13 20121030,14 20121031,1 20121101,0 20121102,7 20121103,0 20121104,7

这就是我的 JS 的样子:

目前,图表显示为 y 轴,将数据显示为每日数据。

我想在 y 轴上显示数据,如下所示:

20121029 - 13 20121030 - 27 20121031 - 28 20121101 - 28 20121102 - 35 20121103 - 35 20121104 - 42

我可以使用 dygraphs 中的任何选项来执行此操作吗?我无法更改输入 CSV 文件的格式。

谢谢

0 投票
1 回答
1154 浏览

javascript - dygraph 不打印隐藏的 div 元素中的数据

我一直在尝试在我的网站中使用 dygraph ( http://dygraphs.com/ ) 进行可视化,它适用于所有功能。我正在尝试构建的网站是一个动态的网站,起初我尝试将其打印到可见div元素上,这很好。然后我尝试引入一个div可以在单击时展开和折叠的元素。所以如果我尝试打印div折叠的图表,它将不起作用,只有当它展开时,图表才会被打印出来。我正在添加一个 jsfiddle 链接来显示我的问题。

http://jsfiddle.net/dTUQC/2/

这个问题可能是什么原因???

0 投票
0 回答
1313 浏览

javascript - 打印 Dygraph 图表

我正在尝试打印一个包含 dygraph 的 Div,如下所示:

javascript:

在 HTML 中:

问题陈述:

dygraph(“divName”)包含一个以 HTML 格式绘制实际图表的脚本。尝试打印 innerHTML 时,打印功能无法满足此要求。

还有另一种方法可以做到这一点吗?谢谢!

0 投票
1 回答
592 浏览

javascript - 锁定在 setSelection() 上的 Dygraphs 不起作用

我在锁定 setSelection() 时遇到问题。选择正确的值没有问题,但之后图表没有被锁定。

我努力了:

这些都是单独尝试的,而不是像上面的代码所示的顺序。

很可能,这是我对 JavaScript 中的可选参数不够了解的问题,但是在阅读了这个概念之后,我认为我是对的。我做错了什么对任何人来说都很明显吗?我已经很久没有使用 JavaScript 做任何事情了,我很高兴能够使用 Dygraphs 重新开始使用它。

非常感谢你的帮助。

-Brian J. Stinar-

0 投票
2 回答
626 浏览

dygraphs - Y2 轴的对数缩放,同时在 dygraphs 中保持 Y1 轴线性

我有两个轴 Y 和 Y2 用于绘制 dygraph。y2 轴上的值呈指数变化,因此标签混乱。我想在保持 y 轴线性的同时缩放这个轴。我已经尝试过 logcale : true 选项但没有帮助。如果 dygraph 支持此选项,请提供帮助。

提前致谢

0 投票
1 回答
1284 浏览

dygraphs - CSV 无法在没有硬编码的情况下在 Dygraphs 中显示两轴

我想显示具有两个不同轴的 CSV 数据的图表。

我成功地做到了这一点,但有一些限制。

这是我的 CSV 文件的示例,但列数和列标签可能会有所不同:

我可以使用以下代码显示它:

我试图删除“标签:”行,但是这样做,第二个轴消失了。

jsFiddle 在这里http://jsfiddle.net/lauhub/jY2m6/

此外,保持这条线会在显示图表时生成警告。

我还想从 CSV 文件中动态加载标签,因为列数和名称可能会有所不同。

是否可以使用 dygraphs 以编程方式执行此操作?如何 ?

谢谢

0 投票
2 回答
600 浏览

javascript - 如何修复 Dygraphs 范围选择错误?

我正在使用 Dygraphs 库来显示财务数据的折线图。当我启用范围选择选项时,有一个错误会导致拖动选择手柄不是一对一的,使其几乎无法使用。

以下是它在工作时应该是什么样子的示例:http: //dygraphs.com/tests/range-selector.html 以下是它损坏时发生的情况的示例(这是我在本地安装它时的工作方式):http://dygraphs.com/gallery/#g/range-selector

我认为有一些 javascript 冲突导致了这个错误。我该如何修复它或确定是什么原因造成的?任何帮助将不胜感激。

0 投票
0 回答
1343 浏览

javascript - Dygraph 代码在 IE8 上崩溃

我的 dygraph 代码在 IE8 上不起作用。控制台显示此错误:

这是在“dygraph-combined.js”中崩溃的行:

该图在 IE9 和 IE7 上正确显示,使用完全相同的代码。

我研究过的所有可能的解决方案都没有奏效(其中许多只是“包含 excanvas.js”)。

Edit1:在 David Kiger 的反馈之后,我尝试完全按照要求格式化标题,但它仍然不起作用。我还删除了 Yii 的引导程序以隔离问题。这是确切的代码:

在 excanvas.js 中评论这一行也不起作用:

编辑2:解决了!

所以我不得不结合这两种解决方案:

IE的格式代码...

...并在 excanvas.js 中评论该行

顺序也很重要:

  • 第一个 excanvas.js

  • 然后 dygraph-combined.js

非常感谢您的反馈。

0 投票
1 回答
1696 浏览

javascript - Dygraphs setVisibility of column

我正在尝试更改 Dygraph GVizChart 列的可见性。

这有效:

这也有效:

但是在里面drawChart,在那段代码之后,当我添加以下几行时,

我得到错误:

未捕获的类型错误:无法调用未定义的方法“setVisibility”。画图

读完这个问题后,我想可能chart1在执行时还没有准备好。所以我添加了这个功能:

但是当我点击showChange链接时,我得到同样的错误:

未捕获的类型错误:无法调用未定义的方法“setVisibility”

警报窗口说:

显示图表1:未定义

0 投票
0 回答
324 浏览

javascript - 在 dygraphs 的画布上下文中添加标签

我不想将画布外部的 x 和 y 标签作为 html 元素,而是将它们添加到画布中。我尝试通过将用于将标签绘制到画布中的所需代码添加到 drawcallback 来做到这一点。这不是一个有效的解决方案,因为当一个点被突出显示时,这个 fn 不会一直被调用。我自定义添加的轴标签然后消失。还尝试将标签绘制代码添加到 highlightcallback 和 unhighlight 回调,但这似乎并不优雅。我还想在需要时在画布中添加更多细节。我该如何以最优雅的方式做到这一点?