Javascript 如何找到饼图/圆环图的半径

Javascript 如何找到饼图/圆环图的半径,javascript,highcharts,Javascript,Highcharts,我有一个最简单的highchart甜甜圈图表问题。我的问题是这个圆环图的默认半径是多少。我没有在任何地方指定半径,但似乎在某个地方设置了默认半径。我不知道这个半径是怎么设置的,想知道是否有人能帮我理解这个半径是怎么设置的。我确实查阅了api参考,但找不到此信息。不知道我是否错过了什么 这里有一个 它似乎没有半径选项。但有一个选择: 宽度:数字 图表的显式宽度。默认情况下,宽度根据包含元素的偏移宽度计算。 试试看:800像素宽 请参阅此它似乎没有半径选项。但有一个选择: 宽度:数字 图表的显式宽度

我有一个最简单的highchart甜甜圈图表问题。我的问题是这个圆环图的默认半径是多少。我没有在任何地方指定半径,但似乎在某个地方设置了默认半径。我不知道这个半径是怎么设置的,想知道是否有人能帮我理解这个半径是怎么设置的。我确实查阅了api参考,但找不到此信息。不知道我是否错过了什么

这里有一个


它似乎没有半径选项。但有一个选择:

宽度:数字 图表的显式宽度。默认情况下,宽度根据包含元素的偏移宽度计算。 试试看:800像素宽


请参阅此

它似乎没有半径选项。但有一个选择:

宽度:数字 图表的显式宽度。默认情况下,宽度根据包含元素的偏移宽度计算。 试试看:800像素宽


请参阅此

它似乎没有半径选项。但有一个选择:

宽度:数字 图表的显式宽度。默认情况下,宽度根据包含元素的偏移宽度计算。 试试看:800像素宽


请参阅此

它似乎没有半径选项。但有一个选择:

宽度:数字 图表的显式宽度。默认情况下,宽度根据包含元素的偏移宽度计算。 试试看:800像素宽

请参阅此

无半径选项,但。您可以用像素(以数字表示)或图表区域的百分比(以字符串形式表示)'N%'):

大小:字符串|编号饼图相对于绘图区域的直径。 可以是百分比或像素值。像素值如下所示: 整数。默认行为(从3.0开始)是缩放到绘图 区域,并在绘图区域内为数据标签留出空间。作为一个 因此,当点被更新和更新时,饼图的大小可能会有所不同 数据标签更全面。在这种情况下,最好设置一个固定值, 例如“75%”。默认为

饼图占图表面积的150%。

无半径选项,但。您可以用像素(以数字表示)或图表区域的百分比(以字符串形式表示)'N%'):

大小:字符串|编号饼图相对于绘图区域的直径。 可以是百分比或像素值。像素值如下所示: 整数。默认行为(从3.0开始)是缩放到绘图 区域,并在绘图区域内为数据标签留出空间。作为一个 因此,当点被更新和更新时,饼图的大小可能会有所不同 数据标签更全面。在这种情况下,最好设置一个固定值, 例如“75%”。默认为

饼图占图表面积的150%。

无半径选项,但。您可以用像素(以数字表示)或图表区域的百分比(以字符串形式表示)'N%'):

大小:字符串|编号饼图相对于绘图区域的直径。 可以是百分比或像素值。像素值如下所示: 整数。默认行为(从3.0开始)是缩放到绘图 区域,并在绘图区域内为数据标签留出空间。作为一个 因此,当点被更新和更新时,饼图的大小可能会有所不同 数据标签更全面。在这种情况下,最好设置一个固定值, 例如“75%”。默认为

饼图占图表面积的150%。

无半径选项,但。您可以用像素(以数字表示)或图表区域的百分比(以字符串形式表示)'N%'):

大小:字符串|编号饼图相对于绘图区域的直径。 可以是百分比或像素值。像素值如下所示: 整数。默认行为(从3.0开始)是缩放到绘图 区域,并在绘图区域内为数据标签留出空间。作为一个 因此,当点被更新和更新时,饼图的大小可能会有所不同 数据标签更全面。在这种情况下,最好设置一个固定值, 例如“75%”。默认为


饼图占图表面积的150%。

您无法使用选项或API找到大小值,因为似乎没有任何选项或API。您似乎无法通过以下示例找到它:

var chart = $('#container').highcharts();
console.log(chart);
检查性能。您将发现
size
设置为null

您可以查看DOM svg元素的大小。为了使我的工作更容易,我改变了选择

innerSize: 180
并找出以下svg元素(注意:它不是圆元素):

。。。
...
这些是svg路径元素,用于构建饼图甜甜圈的切片
A 140 140…
A 90 90…
是椭圆弧指令,90,90是rx,ry表示内部尺寸,140140表示外部尺寸。在这种情况下,半径是140


我不知道它是如何精确计算的,但半径是根据您的容器大小和所有不同的边距、绘图边界、间距计算的。。。如果不使用选项
size
设置大小,则无法使用选项或API查找大小值,因为似乎没有任何选项或API。您似乎无法通过以下示例找到它:

var chart = $('#container').highcharts();
console.log(chart);
检查性能。您将发现
size
设置为null

您可以查看DOM svg元素的大小。为了使我的工作更容易,我改变了选择

innerSize: 180
并找出以下svg元素(注意:它不是圆元素):

。。。
...
这些是svg路径元素,用于构建饼图甜甜圈的切片
A 140 140…
A 90 90…
是椭圆弧指令,90,90是rx,ry表示内部尺寸,140140表示外部尺寸。在这种情况下,半径是140

我不知道它是如何精确计算的,但半径是根据您的容器大小和所有不同的边距、绘图边界、间距计算的。。。如果不使用选项
size

设置大小,则无法