javascript - 条形图未显示在条形图中

Question

我正在修改this chart sample与我的样本数据一起使用。

我删除了生成随机数据的函数并放置了我的硬编码示例数据。现在，一切都显示出来了，但没有显示条形。

我收到几个相同类型的错误:

Invalid value for <rect> attribute height="NaN"

和

Invalid value for <rect> attribute y="NaN" 

我相信输入值是数字，但我仍然收到这些错误。

我错过了什么？

jsFiddle

Answer 1

您的数据格式不正确。这些对应该是具有 x 和 y 属性的对象，而不是数组。

这应该可以做到:

data.forEach(function(datum){
    datum.values = datum.values.map(function(el){
        return {x:el[0], y:el[1]}
    });
})