问题标签 [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.
javascript - 如何在 Observable Plot 中为每个颜色系列创建一个线图?
描述:
我正在玩Observable Plot,真的很喜欢设置简单的情节是多么容易。
现在我有一个“更高级”的图表,我想绘制并需要帮助。
在我的数据中,我temp
在某个特定位置记录了多个(温度)读数timestamp
。每个读数来自一个sensor
,并且每个sensor
都连接到某个device
(多个传感器(例如,1-3)可以连接到单个设备(例如,2))。因此,一个数据点可能如下所示(请参阅底部脚本以获取完整的最小 workabel 示例):
目前,我对这些数据进行点图,根据传感器对其进行分面(device, sensor)
,并为每对系列赋予颜色(只需在代码段下方运行以获得更好的感觉)。
问题:
我现在想用黑线连接所有相同颜色的点。// HERE I NEED HELP
我在片段中标记了有问题的行。我假设我必须以某种方式data
根据颜色进行分组device
并sensor
实现与颜色相似的分组,但遗憾的是我不知道如何实现这一点,希望您能提供帮助!
(交叉发布到ObservableHQ 论坛)
javascript - 如何在 Observable Plot 的折线图上使用标记?
在使用Observable Plot时,我偶然发现了API 文档中的标记部分。
然而,我不知道如何使它工作。
想象一下我有以下标记:
如何为这条线上的每个数据点添加标记?我无法从 API 文档中提取该信息(一个例子会很好)。以下版本不起作用
备注:我不是在寻找使用额外 Plot.dot 的解决方案。
备注 2:交叉发布到ObservableHQ 论坛
javascript - 在 Observable Plot 中使用 group / groupX / groupY 时如何创建间隙?
在折线图上 “如果某些 x 或 y 通道值未定义(或 null 或 NaN),则相邻点之间将出现间隙”。
如果我的数据集包含这些未定义的值,我如何才能在使用group
/ groupX
/时实现这些值groupY
?
下图是使用一个数据集创建的(为简洁起见删除了一些设置),其中设置了所有 x 值 ( timestamp
) 并且一些 y 值 ( temp
) 是undefined
。
我怎样才能做到这一点undefined
?是否有设置group
单个值/所有值时的行为方式undefined
?
我设法通过提供一个处理值的自定义聚合函数来使其工作undefined
,但我认为应该有一种更简单的方法来实现这一点。好像我错过了什么。
交叉发布到ObservableHQ 论坛