如何设置基本的Chartist.js图表​​

Question

我感到迷茫，我读了Chartist.js的入门，看起来非常直接，但我无法显示任何图表。

我制作了一个rails应用程序并获得了显示文本的欢迎页面，我链接了css和javascript文件，但我不确定如何让它显示。我创建了一个新的js文件，在文档中添加了他们的数据并将其链接到主HTML页面，但没有显示任何内容？

Answer 1

看起来在https://github.com/zachsergeant/Analytics/blob/master/app/views/layouts/application.html.erb中，您在身体关闭之前正在加载图表。可能生成图表的代码被加载到布局模板的yield中。我猜Chartist在那时没有定义。您应该遵循更好的异步脚本加载机制，或者只是使用DOMContentLoaded事件推迟脚本的执行。

<script>
  document.addEventListener('DOMContentLoaded', function() {
    // Draw charts here
  });
</script>