单击Plotly [JS]时打开新的模式

Question

我有这样的标准模态（使用Materialize）：

 <a class="waves-effect waves-light btn modal-trigger" href="#modalID">Modal</a>
  <div id="modalID" class="modal">
    <div class="modal-content">
      <h4 class="modalTitle">Title</h4>
      <div class="divider"></div>
      <div class="row">
        <div class="input-field col s6 offset-s3">
          <textarea id="textarea1" class="materialize-textarea"></textarea>
          <label for="textarea1">Insert text</label>
        </div>
      </div>
    </div>
    <div class="divider"></div>
    <div class="modal-footer">
      <a href="#!" class="modal-close waves-effect waves-green btn-flat">Annulla</a>
      <a href="#!" class="modal-close waves-effect waves-light btn modal-trigger">Invia</a>
    </div>
  </div>

还有一个带有点击功能的图形（用绘图绘制）：

    myPlot.on('plotly_click', function (data) {

   //something

    });

我如何才能通过每次单击创建带有新文本的新模式以插入并保存以前的模式？

编辑：

我不知道会有多少点击，因此不知道有多少模式打开。