0

d3 ベースのチャート ライブラリ xChart を使用して、webapp でグラフ モジュールを作成しようとしています。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>

誰でもこれで私を助けることができますか?

4

1 に答える 1

2

DOM の準備が整う前に、JavaScript を実行している可能性があります。JavaScriptを関数でラップすることもできますwindow.onload...

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

または、終了タグ<script>の直前にまたはインライン コードを含めます。</body>

于 2014-08-12T14:08:29.010 に答える