Рафаэль Дж. С. Круговые метки

Question

Мне нужно иметь метки на круговой диаграмме, и я смотрю на пример круговой диаграммы: http://raphaeljs.com/pie.html.

В моей реализации и на примере метки не всегда находятся на одинаковом расстояниииз круговой диаграммы.Что-то не так с математикой?Это на самом деле не имеет смысла для меня.

txt = paper.text (cx + (r + delta + 55) * Math.cos (-popangle * rad), cy + (r + delta + 25) * Math.sin (-popangle * rad), метки [j])

(взято из http://raphaeljs.com/pie.js)

Answer 1

Метки примера не всегда находятся на одинаковом расстоянии от круговой диаграммы.Сравните метки «Objective-C» и «Java».Этот эффект более выражен с более длинными метками.По умолчанию Raphael имеет значение text-anchor = "middle".

Если бы вы хотели, чтобы ближайшая точка на метке находилась на постоянном расстоянии от круговой диаграммы, математика стала бы намного более уродливой.Вам нужно будет рассчитать, на какой стороне круговой метки находится метка, и соответствующим образом настроить привязку текста.