问题标签 [observable-plot]

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 回答
60 浏览

javascript - 如何在 Observable Plot 中为每个颜色系列创建一个线图?

描述:

我正在玩Observable Plot,真的很喜欢设置简单的情节是多么容易。

现在我有一个“更高级”的图表,我想绘制并需要帮助。

在我的数据中,我temp在某个特定位置记录了多个(温度)读数timestamp。每个读数来自一个sensor,并且每个sensor都连接到某个device(多个传感器(例如,1-3)可以连接到单个设备(例如,2))。因此,一个数据点可能如下所示(请参阅底部脚本以获取完整的最小 workabel 示例):

目前,我对这些数据进行点图,根据传感器对其进行分(device, sensor),并为每对系列赋予颜色(只需在代码段下方运行以获得更好的感觉)。

问题:

我现在想用黑线连接所有相同颜色的点。// HERE I NEED HELP我在片段中标记了有问题的行。我假设我必须以某种方式data根据颜色进行分组devicesensor实现与颜色相似的分组,但遗憾的是我不知道如何实现这一点,希望您能提供帮助!

交叉发布到ObservableHQ 论坛

0 投票
1 回答
38 浏览

javascript - 如何在 Observable Plot 的折线图上使用标记?

在使用Observable Plot时,我偶然发现了API 文档中的标记部分

然而,我不知道如何使它工作。

想象一下我有以下标记:

如何为这条线上的每个数据点添加标记?我无法从 API 文档中提取该信息(一个例子会很好)。以下版本不起作用

备注:我不是在寻找使用额外 Plot.dot 的解决方案。

备注 2:交叉发布到ObservableHQ 论坛

0 投票
0 回答
16 浏览

javascript - 在 Observable Plot 中使用 group / groupX / groupY 时如何创建间隙?

折线图上 “如果某些 x 或 y 通道值未定义(或 null 或 NaN),则相邻点之间将出现间隙”。

如果我的数据集包含这些未定义的值,我如何才能在使用group/ groupX/时实现这些值groupY

下图是使用一个数据集创建的(为简洁起见删除了一些设置),其中设置了所有 x 值 ( timestamp) 并且一些 y 值 ( temp) 是undefined

在此处输入图像描述

我怎样才能做到这一点undefined?是否有设置group单个值/所有值时的行为方式undefined

我设法通过提供一个处理值的自定义聚合函数来使其工作undefined,但我认为应该有一种更简单的方法来实现这一点。好像我错过了什么。

在此处输入图像描述

交叉发布到ObservableHQ 论坛