我正在试用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行结束。
请有人帮我指点正确的方向吗?
答案 0 :(得分:0)
您必须使用胡须而不是单括号:x={{pie.sector.centroid[0]}} y={{pie.sector.centroid[1]}}