问题标签 [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.
javascript - 访问线和弦图 D3
当单独的图表悬停在上方时,我正在努力从和弦图中淡出某些线条。我正在查看“淡入淡出”功能的代码,
我只是想知道是否有人可以向我解释 d.source.index 的含义和 d.target.index 的含义。我通常理解它是和弦的来源和和弦的目标,但我想更具体地了解“索引”的值/含义,以便我可以更好地操纵选择。
我的最终目标是在一个单独的图例矩形中覆盖一个框,并使和弦图褪色,以便只有图例框中悬停的颜色保持完全不透明度。
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。
php - 使用 PHP/HTML 计算和显示 4 部分和弦的反转
我正在编写一个 PHP 应用程序,它将吉他的六个琴弦表示为一系列范围。通过这种方式,我可以添加或减去一组数字,以系统地更改我定义的原型结构。
范围是:
我在使用下面的代码时遇到问题。
功能
如您所见,这是相当重复的。只看这段代码就让我觉得一定有更好的方法。我认为我需要以无限线性方式使用数组:
现在我需要使用任何预定义的 $note => $offset 对,并将它们在这个数组中跳跃 1、2 或 3 次。例如,如果它从根开始,并且跳了一次,我需要添加 4 以将其变为“第三”,并将其值更改为“第三”。但是如果它以root开始并进行两次跳转,我需要加4,加3,然后将其值更改为“第五”。
javascript - 在和弦图中显示每个项目的总值
我正在制作和弦图,但无法显示每种产品的总价值。当我将鼠标悬停在特定类别的径向弧上时,我希望它显示每个类别的总数。该示例取自http://bl.ocks.org/mbostock/4062006。任何及时的帮助将不胜感激。谢谢 :)
javascript - 和弦图中的矩阵
我是 js 新手,我想为数据集绘制一个和弦图,如下所示:
p>我使用了以下编码,但它不起作用:
任何人都可以帮忙吗?非常感谢!!!
d3.js - 一个和弦为零值时的过渡和弦图
我正在尝试以可重用的方式制作和弦图。我的问题是在 2 个数据集之间转换时,这样的一个数据集包含零值(意味着将删除一个和弦)。所以这是我调用的转换代码:
感谢您的关注和帮助!
javascript - 防止 d3 和弦重叠
这个演示(不是我的代码)将两个不同类别的项目相互比较,所以 - 与任何项目可以连接到任何其他项目的和弦图不同 - 咖啡店不能连接到咖啡店并且状态可以' t 连接到状态。
如果 Dunkin' Donuts 先出现,有些挖起杆看起来像这样:
但是其他楔子看起来像这样,如果星巴克在该州有更高的价值:
在我看来,不必要的重叠。元素的顺序不应该由它们的值决定,而是由左侧元素的顺序决定——也就是说,总是首先是 Dunkin。
我看到一种发生在
但我不确定如何为状态元素指定自定义排序。将咖啡店子组按 desc(或 asc)排序是有意义的,但各州不应得到相同的处理。
我们如何知道和弦是否是一个状态?似乎可以通过将和弦传递给函数的rdr
实例来提取信息,该实例将正在排序的 和来自对象的元信息联系起来。chordRdr
matrix
mmap
如何创建条件子组排序?
svg - SVG 路径元素在不同版本的 Chrome 之间呈现不一致
早上好,
我已经使用 D3 创建了一个和弦图。但是我遇到了一个输出问题,导致在某些版本的 Chrome 中路径呈现不佳。
以下是 D3 生成的有问题路径的示例:
在大多数浏览器中,我看到一条弧线,这是我所期望的。但是在我在 Ubuntu 14.04 上运行 Chrome 版本 36.0.1985.125 的开发机器上,我看到了一个大灰色圆圈顶部的弧线。大圆圈破坏了图表的其余部分。
此路径的 d 属性是否有任何特别问题可能导致浏览器不一致地绘制它?
非常感谢。
这是我在出错时看到的图像: