问题标签 [d3plus]

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 投票
2 回答
1652 浏览

d3.js - 使用 D3 v4 和 D3plus 将文本环绕在一个圆圈中

我正在使用 D3 v4,我想用 D3plus 将文本包裹在一个圆圈中。我尝试了两种方法,但对我没有任何效果。

第一种方法

我采用了来自https://bl.ocks.org/davelandry/a39f0c3fc52804ee859a的示例。这是我的代码的重要部分:

使用此代码,我得到 2 个错误:

类型错误:d3.scale 未定义

ReferenceError: d3plus 未定义

所以看起来 d3plus 不适用于 D3 v4 ......

然后我发现这篇文章https://groups.google.com/forum/#!topic/d3plus/WN2Ruj3kjPA 并尝试从链接的 Github 项目 d3plus-text 中获取示例(对不起,我没有足够的声誉来发布链接)。

所以我改变了我的代码:

老的

新的

在我刚刚替换的脚本中

但实际上什么也没发生。文字看起来和以前一样。

我得到这个错误:

类型错误:t 在 d3.v4.min.js:4:27260 未定义

我不知道如何正确采用这个例子。而且我没有找到关于如何使用 d3plus.TextBox() 的任何其他示例

我做错了什么?

0 投票
0 回答
153 浏览

d3.js - 如何禁用 d3plus 时间线时间格式化?

我使用 d3plus 创建了一个条形图。在代码中,我使用以下几行创建了时间线:


这在我的图表中显示了一个时间线,如下所示:在此处输入图像描述

在我的数据中,__TIME__变量仅包含数字(1,2,3,4..)。但是时间线把它变成了几个月。我只想要纯数字(1,2,3,4 ....)而不是时间的自动格式。
是否可以禁用时间线的自动格式化?
这是示例jsfiddle:

0 投票
1 回答
321 浏览

d3.js - D3plus 超链接

我用 D3plus 创建了一个简单的静态网络。我想在工具提示/图例中有一个工作超链接,它取决于所选节点的名称?因此,如果节点名称是“Berlin”,我想要一个指向“ https://en.wikipedia.org/wiki/Berlin ”的链接

怎么做?谢谢

0 投票
0 回答
67 浏览

javascript - 为什么我不能在 Meteor.js 的循环中迭代 MongoDb 对象?

我在 Meteor.js 中的应用程序有问题。问题是我想用一个循环填充一个数组来遍历 MongoDB 对象,如下所示:

在此处输入图像描述

我不明白为什么我不能填充这个数组。我在测试这句话

但是我没有设置 (i),而是设置了一个静态值,例如 (6)。这项工作真的很好,就像这样:

这是我的帮助模板。


请我希望有任何帮助来解决这个问题。非常感谢大家。

0 投票
0 回答
77 浏览

d3.js - D3plus:如何将绘图添加到树形图中的每个矩形

我想在 D3plus 树图中每个矩形的左上角添加一个小圆圈。关于如何实现这一目标的任何线索?

0 投票
1 回答
278 浏览

reactjs - 无法从 d3plus-react 中的外部 csv 文件加载文件。

请找到以下代码:

在此处输入图像描述

0 投票
1 回答
291 浏览

javascript - 抑制 d3plus 盒和晶须绘图中的极端异常值

我正在尝试在 d3plus 上创建带有胡须的箱线图,以比较数据库中“此”提供者和“所有”提供者之间的指标。我已经在预处理阶段从非常大的数组中计算了 5 个统计数据摘要,并将这些数据传递给data变量。如果您运行附加的代码片段(从 d3plus网站示例修改),您可以看到代码和图表的样子。然而,实际上,“全部”类别中有一些极端异常值,在我的代码中作为注释行给出:“max”(对于“All”)为 663373.22,“min”为 -18427.39(同样,对于“All”) ”)。

我看到有一种mute 方法可以用于.y,但我不确定如何使它与函数一起使用。

是否有一种相当直接的方法来“抑制”这些极端异常值的绘制(如果允许,这会将两个箱形图折叠成平线),或者任何极端异常值,例如,高于(或低于)某些倍数二维码?

0 投票
2 回答
130 浏览

javascript - d3plus:如何翻转绘制箱线图的顺序?

我将此代码用于 d3 可视化(箱线图和晶须):

我的数据的每一行是:

或者:

我希望生成的可视化有两个并排的箱线图,一个用于“此”提供者,另一个用于“所有”提供者旁边。但是,无论我如何尝试,我都会不断得到在“This”之前带有“All”的箱线图: 在此处输入图像描述

对于我的生活,我不知道如何翻转图中箱线图的顺序。我已经浏览了文档,但我不确定它是否可能。

0 投票
0 回答
380 浏览

angular-cli - 我如何在 angular-cli 项目中导入 d3plus

嗨,我正在使用 d3 在 angular-cli 项目中制作图表我已在组件中导入 d3 作为

现在我想导入 d3plus 来换行。我使用安装了 d3plusnpm i d3plus --save

在我的 angular-cli 文件中,我在脚本标签下添加了 d3plus.js

然后我尝试将 d3plus 导入为

但我得到一个错误

0 投票
1 回答
176 浏览

javascript - 如何设置只有特定年份的 d3Plus 时间线?

目前我正在尝试绘制一个只有 4 年时间线的热图。我的数据包含 1996,2006,2015,2016 年的值。但是它之间的年份没有任何值。

我想知道仅显示数据中设置的年份是否有任何价值。

我的图表目前看起来像这样: HeatMap Image。但是我希望它只显示数据集中的年份,而不是 2016-1996 之间的所有年份。我缺少这个内置功能吗?

这是我的代码示例

在这种情况下,solo 设置为在 yearsArr 的第一年开始图表。yearsArr 是 [1996,2006,2015,2016]。timeDropdown 从数据对象中获取时间值。

这是我当前代码示例的链接https://codepen.io/Wils0751/pen/ZoYwEb

对我的问题的任何见解都会有很大帮助谢谢!