javascript - C3js - 未捕获的类型错误：无法读取 null 的属性“数据”

Question

此演示中重新创建了错误消息：

http://plnkr.co/edit/6Tok16U287sKHQpsRAmX?p=preview

var chart = c3.generate({
  data: {
      "columns":  [["B1", 1], ["B2", 2]],
      "type": "donut",
      onclick: onClick,
  },
  donut: { "title": "Iris Petal Width" }
});

function onClick(){
  chart.load({
      columns: [['A_B1', 1], ['B_B1', 2]],
      unload: ['B1', 'B2']
  });
}

该函数的文档在这里：

http://c3js.org/reference.html#api-load

你认为我用错了还是图书馆里的一个错误？

-- 回复评论 -- 单击甜甜圈的一部分时，小提琴中也会出现错误。

如果您仔细观察过渡动画，您会发现它在渲染甜甜圈的不同部分时会犹豫不决。这些错误发生在渲染之后。

Answer 1

尝试在 SCRIPT 元素上添加 defer 属性。它指示脚本标记的内容在页面加载之前不执行。

所以你会有这样的东西：

<!-- Load d3.js and c3.js -->
<script src="c3-0.6.7/c3.js"></script>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="myscript.js" defer></script>