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

0 投票
0 回答
14 浏览

javascript - 带有 Observable 的 D3.js,事件处理程序有问题

我不明白为什么我的点击事件处理程序不起作用。我知道事件处理程序正在运行,因为我可以看到三个 console.log() 语句的输出。问题是点击事件不会改变填充颜色。我的代码全部包含在一个 Observable 笔记本单元格中。我正在使用 d3 版本 7.3.0。

有帮助,谢谢。

保罗

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 投票
1 回答
42 浏览

javascript - D3.js - 使用 Obsevablehq 上的示例函数创建标准化堆积条形图的问题

我在使用以下提供的功能时遇到问题:

https://observablehq.com/@d3/stacked-normalized-horizo​​ntal-bar

我传递给函数的数据是用作示例的格式

数据还不是这种格式,所以我使用下面的代码来处理这种格式,这里是原始数据集

我还为 zDomain 值传递了如下情绪数组

这是我用于函数的参数,与示例基本相同

在 StackedBarChar 函数中,我注意到变量系列变得未定义。这是定义我不完全理解的代码。

错误消息也是

我认为这是由系列未定义引起的。

这可能是什么原因造成的?我的数据格式一定是错误的吗?

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 论坛

0 投票
2 回答
43 浏览

javascript - 在 Observable 中获取“SyntaxError: Unexpected token”

我在这里尝试了 observablehq 上的 vega-lite-api 。

这是我的代码:

将这两个放在不同的单元格中工作:

在下一个单元格中:

如果我将两者放在同一个单元格中,它会给出SyntaxError: Unexpected token

为什么会这样?

0 投票
1 回答
35 浏览

javascript - 如何使用 d3.js 向 3D 饼图添加不重叠的折线和文本标签?

我已经在 DavidB 编写的现有代码上注释了额外的代码,并创建了这个示例来仅提取一个 3d 饼图。我想在饼图中添加折线(不重叠)和文本标签。任何建议都受到高度赞赏。预期的结果应该是这样的。在此处输入图像描述

0 投票
1 回答
20 浏览

javascript - 在本地向 ObservableHQ 绘图添加工具提示功能

是否有一种简单的方法可以在本地原生JavaScript 环境中实现Mike Freeman 的 Plot Tooltip Notebook中的addTooltip 函数?此外,在本地管理用户输入和与 Plot 交互的最佳方式是什么?我意识到 Observable 让所有这些代码变得不那么痛苦。只是希望在网站之外有解决方案。或者如果我想做这些事情,我应该走 D3.js 路线吗?