1

我正在尝试使用 d3plus.js 向我的网站添加图表。我收到以下错误消息：

Uncaught TypeError: Cannot read property 'buttons' of null
    at SVGGElement.<anonymous> (d3plus.js:23745)
    at SVGGElement.__onmousemove (d3.js:1120)

我尝试将脚本放置在页面的开头和页脚之后。

**head.php**
    <script src="../wp-content/themes/sage/bower_components/d3/d3.js"> </script>
    <script src="../wp-content/themes/sage/bower_components/d3plus/d3plus.js"></script>

**page.php**
    <div id="viz" width="1356" height="579"></div>

    <script>
    var data = [
      {"year": 1991, "name":"alpha", "value": 15},
      {"year": 1991, "name":"beta", "value": 10},
      {"year": 1991, "name":"gamma", "value": 5},
      {"year": 1991, "name":"delta", "value": 50},
      {"year": 1992, "name":"alpha", "value": 20},
      {"year": 1992, "name":"beta", "value": 10},
      {"year": 1992, "name":"gamma", "value": 10},
      {"year": 1992, "name":"delta", "value": 43},
      {"year": 1993, "name":"alpha", "value": 30},
      {"year": 1993, "name":"beta", "value": 40},
      {"year": 1993, "name":"gamma", "value": 20},
      {"year": 1993, "name":"delta", "value": 17},
      {"year": 1994, "name":"alpha", "value": 60},
      {"year": 1994, "name":"beta", "value": 60},
      {"year": 1994, "name":"gamma", "value": 25},
      {"year": 1994, "name":"delta", "value": 32}
    ]
    var visualization = d3plus.viz()
      .container("#viz")
      .data(data)
      .type("bar")
      .id("name")
      .height(300)
      .width(1100)
      .x("year")
      .y("value")
      .draw()
    </script>

鼠标悬停时，标签应出现在图表上，但我收到错误消息：

Uncaught TypeError: Cannot read property 'buttons' of null
    at SVGGElement.<anonymous> (d3plus.js:23745)
    at SVGGElement.__onmousemove (d3.js:1120)
4

1 回答 1

0

问题是由于没有使用正确版本的 d3.js 和 d3plus.js。我已经下载了最新版本的脚本，现在我可以在我的网站上添加图表了：）

于 2019-04-20T22:49:17.160 回答