D3.js在行图表中从局部变量中获取数据

Question

我是d3.js的新手所以请帮助我尝试实现折线图，但我想从局部变量中获取数据

但在此行收到错误

var cities = data.columns.slice(1).map(function(id))

当我console.log(data.columns);我未定义时

Uncaught TypeError: Cannot read property 'slice' of undefined

但是收到此错误

here是代码笔

我想实现类似this

的内容

Answer 1

您最好使用d3.v4.min.js的{​​{1}}。

我遇到了同样的错误，并通过将<script src="//d3js.org/d3.v4.min.js"></script>更改为<script type="text/javascript" src="/static/assets/js/d3.js"></script>来解决。我猜这两个<script src="//d3js.org/d3.v4.min.js"></script>版本之间发生了一些变化。

Answer 2

根据codepen，数据中没有名为data.max(axis=1, skipna=True) - data.min(axis=1, skipna=True) 的键 试试这个

columns