Я пробую упрощенную версию демонстрации круговой диаграммы с веб-сайта Paths.js по адресу http://andreaferretti.github.io/paths-js-demo/,, чтобы понять, как она работает при использовании с Ractive.У меня большая часть работает локально, за исключением одной ошибки, которую мне не удалось устранить.
Рабочая демонстрация на https://codepen.io/alexlibby/pen/xjvOvQ - я пытаюсь получить названия стран и населениецифры для отображения над соответствующим сегментом на круговой диаграмме.На данный момент в консоли браузера отображается ошибка, и названия стран / численность населения не отображаются:
Error: <text> attribute x: Expected length, "{pie.sector.centroid[0]}"
Я исследовал то, что, по моему мнению, может бытьпроблема (в том, что значение, передаваемое атрибуту centroid неверно), но я изо всех сил пытаюсь понять, что это должно быть.Я проверил на SO и не могу найти никого с подобной проблемой.
Я также использую более позднюю версию плагинов Ractive и Path.js Pie - возможно ли, что это может вызвать проблему?Я использовал Browserify, чтобы собрать зависимости Node в один файл - мой исходный код начинается со строки 5 в разделе JS и заканчивается строкой 26.
Может кто-нибудь помочь, пожалуйста, указать мне правильное направление?