javascript - 无法在 xChart 中读取 null 的属性“getPropertyValue”

Question

我正在尝试使用基于 d3 的图表库 xChart 在我的 web 应用程序中创建图形模块。我只是使用 xChart 文档提供的示例数据，每次尝试创建图表时都会出现此错误：

Uncaught TypeError: Cannot read property 'getPropertyValue' of null 

错误出现在 getComputedStyle 方法中 d3.js 的第 666 行（大声笑）上。

if (n < 2) return d3_window.getComputedStyle(this.node(), null).getPropertyValue(name);

我的JavaScript如下：

var data = {
    xScale: "ordinal",
    yScale: "linear",
    main: [
      {
        className: ".pizza",
        data: [
          {
            x: "Pepperoni",
            y: 4
          }, {
            x: "Cheese",
            y: 8
          }
        ]
      }, {
        className: ".pizza",
        data: [
          {
            x: "Pepperoni",
            y: 6
          }, {
            x: "Cheese",
            y: 5
          }
        ]
      }
    ]
  };
  var myChart = new xChart('bar', data, '#graph-figure');

我的 HTML 是

<figure id="graph-figure"></figure>

谁能帮我解决这个问题？

Answer 1

您很可能在 dom 准备好之前执行您的 javascript。您可以将您的javascript包装在一个window.onload函数中......

window.onload = function(){
  // your code here
}

<script>或者在结束标记之前包含您的或内联代码</body>。