问题标签 [spider-chart]

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 投票
0 回答
188 浏览

javascript - 蜘蛛/雷达图 D3.js 的轴问题

我以在 D3.js 中完成的雷达/蜘蛛图为例。这是codepen中的代码。如果我更改我拥有的两个数据集之一的对象的顺序,图表就会更改。在这个例子中,我有两个数据集的轴以相同的顺序,它正确地绘制了图表。

但是,如果我更改其中一个元素的顺序,例如,第一个数据集的前两个元素,图表会在不应该发生变化时发生变化。

在图表的第二种情况下,“电子邮件”取 0.41 而不是 0.48 作为值,“社交网络”也是如此。

尽管有顺序,如何正确绘制图表?轴的名称还不够吗?

0 投票
1 回答
699 浏览

python - 在极坐标图的 Thetagrid 线上添加刻度线

我已经修改了这个示例:Matplotlib: Polar plot axis tick label location。我想在从极轴中心到 thetagrid 标签的 thetagrid 旁边的刻度标签(A、B、C、D 和 E)旁边添加刻度线。另外,我想要一个圆形结束每一行,直接在 thetagrid 标题(TG01、TG02 等)下方。您将在我的代码示例中看到这些刻度标签和 thetagrid 标题。从视觉上看,这是 TG01 行的一部分,用于演示我正在寻找的内容:

所需的 Thetagrid 线装饰

这是我当前的代码:

以及极坐标图目前的样子:

当前代码运行时的极坐标图

我仔细查看了使用 ax.xaxis.majorTicks 检索到的 ThetaTick 对象。但是,我在 ThetaTick 对象的属性中所做的任何更改都没有以我希望它们呈现的方式更改线条。

0 投票
2 回答
161 浏览

javascript - highcharts 极坐标图,单独移动标签以适应小空间

我有一个极坐标图,我试图在 x 轴上移动四个标签中的两个。它是狭窄空间中的菱形,因此左右的标签被切断。我试图移动它们,但我无法让它们移动。我正在尝试将标签类别 1 和类别 3 向下移动 30 像素并向中心移动约 100 像素。

标签代码

小提琴 https://jsfiddle.net/Adam300/kuvs0eah/8/

我从这里查看了这个小提琴,但我无法理解它。

0 投票
1 回答
1086 浏览

r - 更改 R 雷达图中的标签颜色

我正在寻找一种解决方案来更改轴标签颜色radarchart

我想为每个math, english, biology, music,设置不同的颜色R-coding。我试过了,col.lab但它不起作用。

0 投票
0 回答
166 浏览

r - 如何根据中心的不同绝对值向雷达图添加颜色渐变

我在 r 上使用 fmsb 包进行雷达图,以显示受试者 V1-V9 与任意值(雷达图的中心)相比的平均成绩差异。我希望情节以某种方式传达这个任意值,并且颜色渐变将是一种合理的方式(几乎就像热图)。当任意值不同时,这将有助于将两个雷达图相互比较

我在 r 上使用 fmsb 包进行雷达图,以显示受试者 V1-V9 与任意值(雷达图的中心)相比的平均成绩差异。我希望情节以某种方式传达这个任意值,并且颜色渐变将是一种合理的方式(几乎就像热图)。当任意值不同时,这将有助于将两个雷达图相互比较。

我的雷达图目前没有提供关于这个任意值可能是什么的信息,但它们显示了受试者 V1-V9 的等级与雷达图中心相比的平均差异。如果我有一个雷达图,其中心值为 50,另一个为 30,但 V1-V9 级的平均差异在两个图中是相同的,我希望有一个与这些值的大小相对应的颜色渐变. 我不确定如何包含它,或者 fmsb 包是否有这样的功能

现在假设我们重现图表,但在一种情况下,中心的任意等级为 50,在另一种情况下为 20。我希望它们具有颜色渐变(而不是纯红色和蓝色)以反映中心的更高等级(对于 50 人),V1-V9 的变化相对较低,在另一张图表中,中心值较低(20),V1-V9 的变化相对较高(因为与 20 相比,10 级比 10 级更有意义高于 50)

0 投票
2 回答
287 浏览

ruby-on-rails - 带有Prawn PDF的rails中的蜘蛛图(高图)如何生成?

我想在我的rails应用程序中为PDF实现一个蜘蛛图(高图表),我使用了Prawn PDF gem。因此,任何人都对在 pdf 中实现蜘蛛图有任何想法。我还有一个高图表蜘蛛图的参考截图,我想在我的 rails 应用程序 pdf 中实现相同的图表,提前谢谢。在此处输入图像描述

0 投票
1 回答
117 浏览

javascript - 我们如何更改蜘蛛图背景颜色?

参考这张图片,看看我在看什么:

[1]

使用此代码:

我得到这个结果:

[2]

0 投票
1 回答
138 浏览

r - 如何在ggradar中计算多边形的面积

我希望使用 ggradar 计算多边形的面积。

从我目前所做的研究来看,我认为目标是计算每个三角形的面积并将它们加在一起。由于我们知道质心到每个点的距离以及每个三角形两侧之间的角度,我们可以使用 side1 x side2 x sin(pi/n)/2 计算每个楔形的面积(其中 n = 变量数,在这种情况下为 4) 并将所有楔形加在一起。

以 mtcars 数据为例:

使用 mtcars 的雷达图

那么我的问题是如何自动计算每个三角形的面积并将它们加在一起。关于如何做到这一点的任何建议?提前致谢。

0 投票
1 回答
185 浏览

r - 如何创建雷达图(蜘蛛图)?可以由ggplot2完成吗?

我有 11 个站点 (AK),每个站点我计算了 6 个元素的平均分数和所有元素的平均值

我想为每个站点绘制一个雷达图,分数范围从 1-11 我试过这个功能:

然后我为每个站点创建了一个特定的数据框:

然后我尝试了这个:

但我没有得到所需的图表(附图)蜘蛛图

0 投票
1 回答
47 浏览

swift - 用贝塞尔路径绘制动态蜘蛛图

带有部分的自定义蜘蛛图

你可以看到图像,我想用不同的部分画一个像这样的自定义蜘蛛图。这是一个带有动态部分的动态蜘蛛图,我想根据我的 api 数据为不同的部分着色,我该如何实现呢?