Graph 具有高度图表的饼图上的图像

Graph 具有高度图表的饼图上的图像,graph,charts,highcharts,data-visualization,Graph,Charts,Highcharts,Data Visualization,我正在寻找一个高度可定制的图形库。我找到了海图并且喜欢它。我正在尝试创建一个有图像的饼图。像这样的图像 但我不知道如何使用海图。有人能帮我吗。这在海图上可能吗?如果没有,请您推荐我可以获得此输出的任何其他图形?可以使用Highcharts使用默认API的渲染器将自定义图像添加到图表中。(API参考:) 在加载图表事件中,您可以向图表添加自定义图像,并保持图表的响应性-在重画事件中,您可以更新图像 简单示例您可以通过以下方式使用和渲染图像:;那么,当百分比太小时会发生什么呢。这只是如何使用渲染器

我正在寻找一个高度可定制的图形库。我找到了海图并且喜欢它。我正在尝试创建一个有图像的饼图。像这样的图像


但我不知道如何使用海图。有人能帮我吗。这在海图上可能吗?如果没有,请您推荐我可以获得此输出的任何其他图形?

可以使用Highcharts使用默认API的
渲染器将自定义图像添加到图表中。(API参考:)

加载
图表事件中,您可以向图表添加自定义图像,并保持图表的响应性-在
重画
事件中,您可以更新图像


简单示例

您可以通过以下方式使用和渲染图像:;那么,当百分比太小时会发生什么呢。这只是如何使用渲染器添加图像的简单示例。应该为图像放置提供更复杂的逻辑,以便在小百分比情况下使用。如果饼图切片太小,可以在饼图切片外添加图像,或者将其放在工具提示中(使用HTML:true,并使用formatter-API:在HTML中添加标记),您还可以帮助我了解公式吗。我试着用了一些,但效果不好。如果我在圈中有两个以上的扇区@Kacper Madej请帮助,若你们将得到切片的中心,你们将能够把图像放在那个里。示例:图像的大小基于饼图序列的半径,但如果有更多图像,则图像可能太大,因此您需要根据半径和切片角度计算图像的大小。