Question

因此，我正在使用D3.js制作具有不同图形的应用程序。现在，我想包含MaterializeCSS。选择字段存在问题，可以选择要在图形上显示的运动。

所以在我的html文件中，我有以下代码：

<label for="exercise-select">Exercise</label>
<select id="exercise-select"></select>

我的js文件中有以下代码：

  const exerciseSelector = d3.select("#exercise-select");

  function initHtml() {
    exerciseSelector.on("change", changeHandler)
      .selectAll("option").data(Object.keys(data))
      .enter().append("option")
      .attr("value", d => d)
      .text(d => d);

    changeHandler();
  }

这一直有效，直到我在头部的html文件中添加了以下几行：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

这很烦人，现在没有出现选择，我只有标签。我怎样才能使这两个一起工作？

Materialize和D3.js结合

0 个答案: