问题标签 [observablehq]
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 的 D3.js,事件处理程序有问题
我不明白为什么我的点击事件处理程序不起作用。我知道事件处理程序正在运行,因为我可以看到三个 console.log() 语句的输出。问题是点击事件不会改变填充颜色。我的代码全部包含在一个 Observable 笔记本单元格中。我正在使用 d3 版本 7.3.0。
有帮助,谢谢。
保罗
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 - D3.js - 使用 Obsevablehq 上的示例函数创建标准化堆积条形图的问题
我在使用以下提供的功能时遇到问题:
https://observablehq.com/@d3/stacked-normalized-horizontal-bar
我传递给函数的数据是用作示例的格式
数据还不是这种格式,所以我使用下面的代码来处理这种格式,这里是原始数据集
我还为 zDomain 值传递了如下情绪数组
这是我用于函数的参数,与示例基本相同
在 StackedBarChar 函数中,我注意到变量系列变得未定义。这是定义我不完全理解的代码。
错误消息也是
我认为这是由系列未定义引起的。
这可能是什么原因造成的?我的数据格式一定是错误的吗?
javascript - 在 Observable Plot 中使用 group / groupX / groupY 时如何创建间隙?
在折线图上 “如果某些 x 或 y 通道值未定义(或 null 或 NaN),则相邻点之间将出现间隙”。
如果我的数据集包含这些未定义的值,我如何才能在使用group
/ groupX
/时实现这些值groupY
?
下图是使用一个数据集创建的(为简洁起见删除了一些设置),其中设置了所有 x 值 ( timestamp
) 并且一些 y 值 ( temp
) 是undefined
。
我怎样才能做到这一点undefined
?是否有设置group
单个值/所有值时的行为方式undefined
?
我设法通过提供一个处理值的自定义聚合函数来使其工作undefined
,但我认为应该有一种更简单的方法来实现这一点。好像我错过了什么。
交叉发布到ObservableHQ 论坛
javascript - 在 Observable 中获取“SyntaxError: Unexpected token”
我在这里尝试了 observablehq 上的 vega-lite-api 。
这是我的代码:
将这两个放在不同的单元格中工作:
在下一个单元格中:
如果我将两者放在同一个单元格中,它会给出SyntaxError: Unexpected token
:
为什么会这样?
javascript - 如何使用 d3.js 向 3D 饼图添加不重叠的折线和文本标签?
我已经在 DavidB 编写的现有代码上注释了额外的代码,并创建了这个示例来仅提取一个 3d 饼图。我想在饼图中添加折线(不重叠)和文本标签。任何建议都受到高度赞赏。预期的结果应该是这样的。
javascript - 在本地向 ObservableHQ 绘图添加工具提示功能
是否有一种简单的方法可以在本地原生JavaScript 环境中实现Mike Freeman 的 Plot Tooltip Notebook中的addTooltip 函数?此外,在本地管理用户输入和与 Plot 交互的最佳方式是什么?我意识到 Observable 让所有这些代码变得不那么痛苦。只是希望在网站之外有解决方案。或者如果我想做这些事情,我应该走 D3.js 路线吗?