C3js - 未捕获的TypeError：无法读取属性＆＃39;数据＆＃39;为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>