如何設置基本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>