问题标签 [chord-diagram]

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

javascript - 访问线和弦图 D3

当单独的图表悬停在上方时,我正在努力从和弦图中淡出某些线条。我正在查看“淡入淡出”功能的代码,

我只是想知道是否有人可以向我解释 d.source.index 的含义和 d.target.index 的含义。我通常理解它是和弦的来源和和弦的目标,但我想更具体地了解“索引”的值/含义,以便我可以更好地操纵选择。

我的最终目标是在一个单独的图例矩形中覆盖一个框,并使和弦图褪色,以便只有图例框中悬停的颜色保持完全不透明度。

0 投票
1 回答
661 浏览

javascript - 尝试 d3.js 和弦图表 - 显示 TypeError: imports is undefined

我正在尝试学习使用 d3 和弦图。http://bl.ocks.org/mbostock/1046712#index.html中的原始脚本

但是当我尝试在本地使用代码时,我得到了 TypeError: imports is undefined

我的 index.html 有以下代码。我创建了一个带有确切数据形式的 readme.json 文件http://bl.ocks.org/mbostock/raw/1046712/readme.json

}

我在本地主机中使用 apache。

0 投票
1 回答
154 浏览

php - 使用 PHP/HTML 计算和显示 4 部分和弦的反转

我正在编写一个 PHP 应用程序,它将吉他的六个琴弦表示为一系列范围。通过这种方式,我可以添加或减去一组数字,以系统地更改我定义的原型结构。

范围是:

我在使用下面的代码时遇到问题。

功能

如您所见,这是相当重复的。只看这段代码就让我觉得一定有更好的方法。我认为我需要以无限线性方式使用数组:

现在我需要使用任何预定义的 $note => $offset 对,并将它们在这个数组中跳跃 1、2 或 3 次。例如,如果它从根开始,并且跳了一次,我需要添加 4 以将其变为“第三”,并将其值更改为“第三”。但是如果它以root开始并进行两次跳转,我需要加4,加3,然后将其值更改为“第五”。

0 投票
0 回答
202 浏览

javascript - 在和弦图中显示每个项目的总值

我正在制作和弦图,但无法显示每种产品的总价值。当我将鼠标悬停在特定类别的径向弧上时,我希望它显示每个类别的总数。该示例取自http://bl.ocks.org/mbostock/4062006。任何及时的帮助将不胜感激。谢谢 :)

0 投票
0 回答
260 浏览

javascript - 和弦图中的矩阵

我是 js 新手,我想为数据集绘制一个和弦图,如下所示:

p>

我使用了以下编码,但它不起作用:

任何人都可以帮忙吗?非常感谢!!!

0 投票
1 回答
610 浏览

d3.js - 一个和弦为零值时的过渡和弦图

我正在尝试以可重用的方式制作和弦图。我的问题是在 2 个数据集之间转换时,这样的一个数据集包含零值(意味着将删除一个和弦)。所以这是我调用的转换代码:

感谢您的关注和帮助!

0 投票
2 回答
683 浏览

javascript - 防止 d3 和弦重叠

这个演示(不是我的代码)将两个不同类别的项目相互比较,所以 - 与任何项目可以连接到任何其他项目的和弦图不同 - 咖啡店不能连接到咖啡店并且状态可以' t 连接到状态。

如果 Dunkin' Donuts 先出现,有些挖起杆看起来像这样:

在此处输入图像描述

但是其他楔子看起来像这样,如果星巴克在该州有更高的价值:

在此处输入图像描述

在我看来,不必要的重叠。元素的顺序不应该由它们的值决定,而是由左侧元素的顺序决定——也就是说,总是首先是 Dunkin。

我看到一种发生在

但我不确定如何为状态元素指定自定义排序。将咖啡店子组按 desc(或 asc)排序是有意义的,但各州不应得到相同的处理。

我们如何知道和弦是否是一个状态?似乎可以通过将和弦传递给函数的rdr实例来提取信息,该实例将正在排序的 和来自对象的元信息联系起来。chordRdrmatrixmmap

如何创建条件子组排序?

0 投票
1 回答
358 浏览

javascript - 将图像添加到 d3 和弦图

我想要图像作为端点。我试过添加但没有运气。任何想法/工作示例?

http://bost.ocks.org/mike/uberdata/

在此处输入图像描述

0 投票
0 回答
676 浏览

javascript - D3.js在和弦图中闪烁的弧线

我有一个和弦图,如果我将鼠标从一个弦移到另一个弦(不是弧到弧),我发现所有的和弦都在闪烁。我不会从一个弧移动到另一个弧,我只是停留在同一个弧中,但它在闪烁。如果我在“也门”上将我的小提琴与这个例子进行比较,并且我将鼠标从一个和弦移动到另一个和弦(在也门),其他和弦不会闪烁。但在我的图表上,假设弧“MB”,我移动鼠标,所有其他和弦都在闪烁。

0 投票
1 回答
534 浏览

svg - SVG 路径元素在不同版本的 Chrome 之间呈现不一致

早上好,

我已经使用 D3 创建了一个和弦图。但是我遇到了一个输出问题,导致在某些版本的 Chrome 中路径呈现不佳。

以下是 D3 生成的有问题路径的示例:

在大多数浏览器中,我看到一条弧线,这是我所期望的。但是在我在 Ubuntu 14.04 上运行 Chrome 版本 36.0.1985.125 的开发机器上,我看到了一个大灰色圆圈顶部的弧线。大圆圈破坏了图表的其余部分。

此路径的 d 属性是否有任何特别问题可能导致浏览器不一致地绘制它?

非常感谢。

这是我在出错时看到的图像: 在此处输入图像描述