Question

当用户点击触发器时，我会看到一个模态窗口（div元素设置为display: none;）。以下是代码：https://jsfiddle.net/kh7447a2/。我还有一张图表，使用Chart.js绘制：https://jsfiddle.net/6ssyussw/。所以我的问题是如何将这个图形放在模态窗口中并使这个模态窗口弹出图形呢？它们都分别很好用，但是当我把它们组合在一起时，模态窗口不会弹出或弹出，但没有图形。

Answer 1

这里有一个有效的例子：

https://jsfiddle.net/mun27he8/

我刚创建了一个标识为myChart的新canvas元素，并将其添加到模态容器中：

  // Add Canvas
  canvas = document.createElement("canvas");
  canvas.id = "myChart";
  canvas.width = 400;
  canvas.height = 400;
  contentHolder.appendChild(canvas);

然后，当您单击按钮时，我将所有图表JS代码设置为运行。

如何将图形放在模态窗口内？

1 个答案: