4

我正在为我的公司构建一个自定义图表库。我很难找到/发明一个好的算法来放置图表标签,以便满足以下要求:

  • 标签不应重叠
  • 标签应尽可能靠近相关切片
  • 如果必须将标签从其切片上移开,则最好沿径向向外移动。

需要明确的是,这在我的书中相当不错:

http://betterdashboards.files.wordpress.com/2009/02/piechartpercentagelabel1a.png

提前致谢!

4

2 回答 2

2

我假设您使用的是 MS .net 堆栈。如果是这种情况,而不是重新发明轮子,您可以使用 Microsoft 提供的 MS Charts 库。因此,创建库没有任何问题,但是对于像这样的边缘情况,需要一些时间才能使其完美,而 ms 图表库或多或少稳定并且运行良好。

http://www.microsoft.com/downloads/details.aspx?FamilyID=130f7986-bf49-4fe5-9ca8-910ae6ea442c&displaylang=en

它生成的饼图还不错。对于您的标签问题,它有一些称为智能标签的选项,它可以非常整齐地排列标签,没有任何重叠。

PS 在下载中,您将找到所有示例。

于 2010-07-29T16:33:17.590 回答
2

在示例图像中,没有碰撞测试(即标签可能重叠)。因此,该算法非常简单:

  • 第一条线从饼图的一部分中心开始,与饼图中心相反。第一行具有固定长度。
  • 第二是水平的(也是固定长度),根据第一行的角度向左或向右,
  • 根据第一行的角度,跟随左对齐或右对齐的文本。

您可以在您的应用程序中使用相同的算法,因为它似乎是最和谐的一种。但是,如果您有几个太接近的饼图部分,文本可能会重叠。

为避免这种情况,您可以测试碰撞,即。看看两条水平线是否太近,然后改变第一条线的角度(或者可能是两个最近的饼图部分的第一条线的角度),直到水平线足够远。

于 2010-07-29T16:27:26.213 回答