d3.js

D3号js是一个JavaScript库，用于使用HTML、SVG和Canvas创建文档的交互式数据绑定可视化。

D3 Graph显示没有错误但没有图形(REACT)

我试图从https://www。d3-graph-gallery。com/graph/correlogram_scatter。html移植代码以作出反应。现在我知道有很多东西需要修改，这样我就不会在每次重新渲染时都创建一个新的SVG，我只是想在开始修改之前确...

1824

在d3数据可视化中，什么是高度发散值的正确尺度？

我有两张地图标出了美国各郡的值。两者的价值是高度不同的。在第一次测试中，3。3万个县中大约有2。5万个县的值为0。而其余县的值范围为257519000。使用scaleLog可以很好地显示这个地图: color = d3 .sc...

6024

d3.js data-science data-visualization

在d3 javascript中设置一个带有条件的文本字段

我想用一个简单的条件设置。text字段: 如果(d。name === "")返回d。id 否则返回d。name 也就是说，如果数据点没有名称，那么使用它的id，否则使用它的名称。这是我的初始代码，它总是设置为名称: graph.s...

3827

javascript d3.js

如何在饼图中添加工具提示？

我实现了一个react和d3饼图(https://observablehq。com/@stians/react-donut-chart-2)，我想添加一个基于div的工具提示，以绝对位置和左上角像素的偏移。我正在努力的是找到正确的计算，正确定位div在一个悬停路径...

8486

reactjs d3.js donut-chart

如何翻转d3树布局从上至下至上，并调整大小，以查看不同的设备

我使用d3库与反应创建家谱布局，但问题是我想翻转使根躺下，也想让大小看起来好不同的设备就像这棵树家庭树，因为树会变得越来越大，包含超过500个名字我怎么能控制文本方向，使它看起来像附加的图像注意:-我正...

5860

javascript reactjs d3.js

为什么点击事件被多个鼠标事件阻止？

我有一个关于这些事件的柱状图: 用于计算光标在SVG中的总时间的mouseenter和mouseleave 鼠标悬停，鼠标移动，鼠标离开为每个矩形创建的工具提示。我有3个单选按钮，用于显示不同的SVG(所以在更改时，我删除当...

1805

javascript jquery d3.js

js 等同于D3.js的SVG过滤器

下面我从svg文件得到了svg过滤器: <defs> <filter height="300%" id="blurfilter" width="300%" x="-1" y="-1"> <feGaus...

9344

svg d3.js svg-filters

创建一个map，该map将来自两个具有相同列的文件的数据组合在一起但数据并不一一匹配

我用两个数据文件创建一张地图。一个数据文件包含位置的纬度和经度。另一个数据文件包含这些位置的填充。两者都有一个带有位置代码的列。只要两个文件都包含相同的代码，就可以工作。然而，我的人口数据集只有一...

6526

javascript d3.js

D3突然线性梯度改变SVG在Chrome不工作

我尝试使用D3和linearGradient元素将其添加到SVG中，以渲染不同颜色的分段箭头。然而，我发现在chrome中，当有很多段，每个段之间的分割有一个显著的模糊，即使当偏移配置为没有模糊。出现在Chrome 为了比较，F...

2485

javascript css google-chrome svg d3.js

js v6路径不在折线图内对齐

我有两个折线图。一个我写在这里，另一个我复制粘贴在这里，来比较为什么我的没有正确对齐。这两个图表都没有使用转换来转换直线。在正确对齐的图表中我遗漏了什么。谢谢你！工作不正常图表: var svg = d3.sele...

9363

javascript d3.js

基于多个值过滤JavaScript数组

我正在尝试基于多个条件过滤一个Javascript字典。我尝试了以下步骤: 我创建了一个空的字典变量选择输入元素并获得原始HTML节点将被更改的元素的值保存为变量保存被更改为另一个变量的元素的id 有条件地...

650

javascript d3.js

D3图表显示x轴的第二个值为NULL

我使用D3 v4图表显示我的数据。在x轴上，i只需要显示每个月的第一个值的月份和年份名称。所以我把month和yaer放在每个月的第一个值，其他日期的值为空。现在它工作得很好，但我不知道为什么它是选择第二个值为空，...

8810

javascript d3.js

D3 .根据子对象数组中项目的存在情况筛选selectAll

我有一个甜甜圈图的网格。假设《星球大战》中的角色有他们想要实现的目标…… <div id="LukeSkywalker" class="cell"> <svg> <path class="Get off Tatooine&qu...

5813

javascript d3.js selectall

我试图创建一个数据可视化使用线水平和垂直.然而，我有麻烦为它创建基于html的标签

我附加了我的小提琴进入链接描述在这里说明了可视化，但我不能创建工具提示和基于html的标签上。任何线索都是有用的，因为我被困住了。我使用D3。js线路径沿X和Y轴。这是代码- let svg = d3.select('#svg') ...

4898

Javascript文件没有在HTML页面中加载

我有一个像这样的文件夹结构: 我像这样引用了data。js和app。js: 但是我的HTML页面不显示我的数据。我也尝试使用完整的文件路径，但似乎也不工作。我尝试了这个。。/。。/ ufo /static/js/data。js也从另一个问...

9501

javascript html d3.js

1

...

错说 cuoshuo.com —— 程序员的报错记录

部分内容根据CC版权协议转载，如果您希望取消转载请发送邮件到 cztyme@foxmail.com