Материализация и D3.js в сочетании - PullRequest
Новая
       12

Материализация и D3.js в сочетании

0 голосов
/ 02 мая 2019

Поэтому я использую 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>

Это очень раздражает, теперь выбор не появляется, и у меня есть только ярлык. Как я могу заставить эти 2 работать вместе?

...