Ractive / Paths.js演示

时间:2018-05-26 16:11:16

标签: 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行结束。

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

1 个答案:

答案 0 :(得分:0)

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