Ractive/Paths.js演示中的预期长度错误

Ale*_*bby 6 javascript ractivejs

我正在尝试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]}"

我研究了我认为可能是什么问题(因为传递给质心属性的值是不正确的),但我很难理解它应该是什么.我已经检查了SO,找不到有类似问题的人.

我也在使用更新版本的Ractive和Path.js Pie插件 - 这可能会导致问题吗?我已经使用Browserify将Node依赖项组装成一个文件 - 我的源代码在JS部分的第5行开始,并在第26行结束.

有人可以帮我指点正确的方向吗?

dag*_*ies 0

你必须使用小胡子而不是单大括号:x={{pie.sector.centroid[0]}} y={{pie.sector.centroid[1]}}