D3,角度,散点图

时间:2017-11-28 18:36:25

标签: angular d3.js

我这里有一个傻瓜 - https://plnkr.co/edit/ndY0nB5kf6ECN9r3Yb9Q?p=preview

我正在尝试在Angular中创建D3散点图。

我有带有轴的svg,并且在一个地方添加了圆圈。

我收到了错误

Error: <circle> attribute cy: Expected length, "NaN".

1 个答案:

答案 0 :(得分:1)

你正试图将cy设置为&#34; NaN&#34;。在bar-chart.ts中,您将cy分配给d [1]。 d [1]虽然未定义。

d似乎是一个如下所示的对象:{number: 1, total: 2}

将cy分配更改为d [&#39; total&#39;]会在y轴上正确对齐它们。我仍然不确定x轴。

编辑:bar-charts.ts中的this.x对于它出现的所有值都返回undefined,因此所有圆圈都以0结尾。

最终编辑:我弄乱了比例并让它在每个轴上使用线性刻度。这是一个掠夺者:https://plnkr.co/edit/F3xYtAu6AhnWg1y3ETcV?p=preview