问题标签 [dygraphs]

我正在考虑实现一个基于 dygraph 的 HTML5 应用程序，该应用程序显示多个类似此应用程序的图： http ://www.triplespark.net/elec/pdev/cpld/ise-pfsim/ise-screen-sim-result.png

我想知道一些对 dygraph 的多个情节有经验的人关于它的实施的意见。如上面的链接所示，绘图应该一个在另一个之上，绘图应该是可移动的（通过复选框）并且只能水平调整大小（放大和缩小）。

我基本上可以看到两种方式：

1）正如这里建议的那样画一个像这样的大图：

http://dygraphs.com/tests/color-visibility.html

2）在不同的div中绘制多个图（我最喜欢的选项）并像这样使它们保持同步：

http://dygraphs.com/tests/synchronize.html

注意：

1）我不想在添加或消除一个地块时重绘所有地块。

2）地块可以有很多点（> 1M点）

我的第二个问题是关于情节的类型。我想知道是否有人能看到如何给我一个关于 data_bus[0:7] 的“可折叠”图的实现的提示

任何建议都会很棒。我知道这个问题是通用的，我计划用最后一个例子来扩展这个问题，这个例子将展示这个问题的解决方案。

问候法布里齐奥

考虑这个例子：http ://dygraphs.com/tests/two-axes.html

上面的代码创建了一个以 Y3 作为辅助轴的 Dygraph。
我的问题是，我们可以将 'Y3' 作为变量传递，而不是对其进行硬编码。
我正试图让它充满活力。
我试图将它作为字符串变量/数组/json obj 传递。但它没有用。
请建议将“Y3”作为变量传递的解决方案。

几天来，我一直在搜索 Dygraph 和其他网络试图解决这个问题。我正在处理以 20 分钟为间隔记录几个月的数据。下面的例子：

使用以下 HTML：

我得到了一个不受欢迎的结果，其中只有午夜数据点用连接每个 24 小时点的平线发布。有点像带尖刺的楼梯。所有的分辨率和细节都消失了。

但是，当数据输入为：

我得到了我想要的结果，大量的分辨率、平滑的过渡和大量的细节。但是该图将不再在 IE 中呈现。此外，使用 javascript 时，数据量似乎存在创纪录的限制。在这里做什么？我需要高分辨率数据并在 IE 中呈现图形。我是一位经验丰富的研究人员，但“剪切和粘贴”业余编码员。我希望你能帮忙。

以下 HTML 不在 IE8 上显示图表。在 Firefox、Chrome 以及 IE9 和 IE10 上运行良好。在 IE8 上，我只能看到标题（日期）和“气压”。dygraph-combined.js 是当前版本。前六行是推荐的。如果你去掉宽度选项，它就可以工作。

只是为了让生活更有趣，如果我用 ylabel:'millibars' 替换宽度，它不会显示标签。天哪，我讨厌 IE。

我成功地在缩放范围上同步了几个 dygraph 图（使用 zoomCallback 和 updateOptions({dateWindow: new_range})）。

我也想同步亮点。当用户在其中一个图中突出显示一个点 (x,y) 时，我想突出显示其他图中具有相同 x 的所有点。

有人知道这样做的方法吗？

在我的特定情况下，每个图表仅包含一个系列，并且所有系列都具有相同的 x 范围。

I use this code to view a graph from CSV data but the Points are not connected where values are missing. What is wrong?

It does work when I embed the data in the code.

Content of log.csv:

我喜欢 dygraph 如何在 x 和 y 轴上生成代码，

我不想编写一个新的ticker函数，因为我对dygraph生成它们并根据视图窗口调整​​它们的方式很好，只想本地化日期格式并添加一些我自己的文本

只是为了更清楚，

如果所有代码都在同一天，我喜欢 dygraph 仅显示时间 (HH:MM) 的方式，如果它们跨越到另一天，它们以 HH:MM 格式显示，但它们在交叉点显示 DD-周一格式

我想拥有所有这些功能，但喜欢根据语言环境进行格式化。

有没有一种简单的方法可以指定这个？

我要求 dygraphs 在给定鼠标位置的情况下始终“锁定”到最近的 x 轴点，即使启用了“highlightSeries”，但没有“选择”系列。

目前，当启用“highlightSeries”时，dygraphs 将按欧几里得距离选择欧几里得空间中的最近点，但这通常不是我的用例的正确功能。相反，我要求它选择其中一个尺寸固定的最近点（即 x 轴），因此在确定哪个是最近点时它只能依赖 y 轴。我要求它可以与任意数量的绘制曲线一起使用。

请注意，当用户通过单击“选择”曲线时，类似的功能会被举例说明，如“突出显示最近的系列”示例 ( http://dygraphs.com/gallery/#g/highlighted-series ) 中所示。同样，当 dygraph 在未启用任何“highlightSeries”的情况下绘制曲线时，会提供正确的功能。

但是，即使有多条曲线，我也需要这种类型的功能，启用“highlightSeries”，并且用户没有特别选择一个。在这种情况下，它应该根据固定的 x 轴选择最近的曲线，但要选择最接近 y 轴的曲线。

请注意，十字准线的交叉点也是截屏时鼠标所在的位置（鼠标本身不显示）。Dygraph 选择了欧几里得空间中最近的点，该点在曲线本身上突出显示。

重申一下，不是这种行为，dygraphs 应该选择鼠标所在的 x 轴点处的曲线上的点。在这种情况下，它将是灰色垂直十字线组件切割橙色时间序列曲线的位置。

我应该如何实现这种行为？

* 编辑 *

我创建的一个（坏）解决方法如下：

不幸的是，由于“mousemove”的性质，这会干扰 dygraphs 原生的点击和拖动（用于缩放）突出显示交互，并且还需要更多的逻辑来阻止曲线上的圆圈过早地四舍五入并跳转到下一个数据点。肯定有更好的解决方案吗？

* 编辑 2 *

下面是一种解决方法，它通过计算出哪个系列最接近当前 Y 位置（减去 10px 偏移，对我的情况来说是唯一的），选择（锁定到）给定固定行（x 轴点）的最近曲线/系列）。此外，它不会干扰 dygraphs 原生的单击和拖动（用于缩放）突出显示交互，它提供了基本逻辑来阻止曲线上的圆圈过早四舍五入并跳转到下一个数据点（nb 使用我的用例独有的固定值或 90px 偏移量）。

有更好的解决方案吗？

我正在使用 dygraphs 来绘制每隔一分钟拍摄的热室的温度和湿度值。如果需要，我允许用户以编程方式指定 Y 轴极值。

如果温度范围是 -40 到 +100 度，用户可以选择 -50 到 -30 度的范围来突出显示该区域。如果用户尝试以交互方式进一步放大，y 轴会跳到 -400 度范围内。

我怀疑正在执行的数学运算没有使用显示的 y 轴极值。对于查看极端正范围内的点也是如此。

我还没有看到如何将图表的一部分制作成蓝色，然后变成绿色，等等。您可以制作不同的系列，但这对我没有用。我想要一个部分，比如说从时间 x 到时间 y 一种颜色，然后时间 y 到时间 z 另一个。