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

Question

我正在尝试来自 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 行结束。

有人可以帮我指明正确的方向吗？

Answer 1

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