问题标签 [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 回答
356 浏览

javascript - D3和和弦图

我是 D3 和 JS 新手一周大。我正在尝试在几个“同等相关”类别之间制作和弦图

输出就像 在此处输入图像描述

我不喜欢的是彩色显示器。理想情况下,我希望每个类别都使用独特的颜色并在使用悬停时显示数据。

我搜索了一下,发现了这个http://racingtadpole.com/blog/flows-d3-chord-hover/ 我修改它以添加一个不相关的类别

这里的问题是,不相关的类别在 UI 上不可见 在此处输入图像描述

不知道如何实现我的用例。

理想情况下我想要一个和弦图

  • 每个类别都以自己独特的颜色显示
  • 当用户悬停时,一些数据会出现
  • 不相关的类别应显示在 UI 上

将不胜感激任何相同的指针

0 投票
1 回答
6118 浏览

r - 在 chordDiagram 中旋转标签(R circlize)

这是circlize包中用于创建和弦图的一些代码。现在标签与圆的边缘平行。是否可以将标签旋转 90 度使其垂直于圆?

在下图中,我手动插入了一些标签来显示我希望完成的任务(End5、End6、End7​​)。谢谢。

在此处输入图像描述

0 投票
1 回答
115 浏览

google-chrome - Chrome 在 D3 和弦图中呈现奇怪的和弦形状

我注意到在更新到最新版本的 Chrome(版本 44.0.2403.157(64 位))后,Chrome 浏览器开始错误地为和弦图上的和弦呈现三角形形状,看起来不正确。请看一下这个例子这个例子

这不是以前的 Chrome 版本(例如版本 43.0.2357.134(64 位))的问题。Firefox 或 Safari 也完全没有这个问题。所有的和弦都被完美地绘制为平滑的曲线。

是什么导致了 Chrome 中的错误,我们是否可以实施任何修复?

0 投票
2 回答
4335 浏览

r - R:调整圆形图中的标签

我有下面的代码,我试图使用惊人的包 circlize 将其制作成圆形图

我读过小册子,承认其中一些让我有点不知所措,

我想知道是否有一种快速的方法可以删除图表上的所有标签,包括刻度线,然后按照此示例以与扇区相同的角度以浅灰色重新添加 AUDI、VOLVO 和 BMW

我看到可以使用代码基于小插图的第 17 页

我已经看到了在 chordDiagram (R circlize)中旋转标签的答案,非常相似

但是,这不会删除现有标签,例如刻度线和扇区名称。

0 投票
1 回答
2144 浏览

algorithm - 圆上的和弦不相交

我正在尝试执行任务。我们在圆圈上有 2*n 个点。所以我们可以在它们之间创建n个和弦。打印所有方法来绘制 n 个不相交的和弦。

例如:如果n = 6。我们可以画(1->2 3->4 5->6), (1->4, 2->3, 5->6), (1->6, 2 ->3, 4->5), (1->6, 2->5, 3->4)

我通过从 1-> 2、4、6 创建一个和弦并为剩余的 2 个间隔生成答案,开发了一种递归算法。但我知道有更有效的非递归方式。可能是通过实现 NextSeq 功能。

有没有人有任何想法?

UPD:我确实缓存了中间结果,但我真正想要的是找到 GenerateNextSeq() 函数,它可以通过前一个生成下一个序列,从而生成所有这样的组合

顺便说一句,这是我的代码

0 投票
1 回答
530 浏览

javascript - 我需要在 d3 中以日食形状而不是圆形绘制和弦

这是我的示例 js 文件,我需要绘制一个和弦,但是是日食形状而不是圆形。其次,我需要知道在创建和弦图时使用矩阵是什么,我们是否能够使用简单的 json 文件(不使用矩阵)绘制和弦,如http://www.delimited.io/blog/2013/12/所述8/chord-diagrams-in-d3这里。因为在和弦的每个示例中,都会给出一些矩阵来绘制它。我是 d3 的新手,我需要学习很多东西。任何人都可以帮助真正感激它

0 投票
1 回答
924 浏览

csv - 如何用一些特定的 CSV 数据绘制和弦

我专注于示例https://github.com/sghall/d3-chord-diagrams/blob/master/trade-p.html它使用的是 csv 格式的数据,这里是https://github.com/sghall /d3-chord-diagrams/blob/master/data/trade.csv我想要的是从相同的数据中绘制和弦,但仅当 importer1===Panama 时。谁能帮助我,我是 d3 的新手,不知道如何从 csv 文件中提取特定数据,因为我正在尝试 if(importer1===Panama) {draw chords....

}

但它不工作。提前致谢

0 投票
1 回答
1407 浏览

r - R circlize:circos.initialize 中的错误

我可以轻松地按照 CRAN 上的包描述中的 Circlize 示例进行操作:

但是,当我替换mat为时myMatrix出现此错误:

有人可以解释为什么我会收到该消息吗?我看不出matmyMatrix其他之间的区别myMatrix更大:

代码

0 投票
1 回答
172 浏览

twitter-bootstrap - 如何使和弦响应

我正在尝试为一个项目开发一个 d3js 和弦。我可以渲染图表,但我有一些问题要让它在网页中响应。简而言之,我想将我的图表绑定到一个与引导模板连接的 div 'chartContainer'。

这是一段代码:

我尝试添加此代码

但它不起作用!有什么建议么?

0 投票
0 回答
125 浏览

javascript - 通过连接多条线而不是一条线来显示和弦图

我按照https://bost.ocks.org/mike/uberdata/上的步骤创建了一个和弦图。

https://plnkr.co/edit/gmyhqOjphE8EreXKmZMB

如何创建连接两侧的多条线?

例如,在 new.json 文件中,如果年数是 10,那么我需要绘制 10 条连接 LD1 和 10.215.16.0 的线,而不是一条线。