如何设置基本的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中，看起来就像是在身体关闭之前加载chartist。可能生成图表的代码被加载到布局模板的某个产出范围内。我猜在这一点上还没有定义Chartist。您应该遵循更好的异步脚本加载机制，或者干脆使用DOMContentLoaded事件延迟脚本的执行。

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