简单的问题,我试图在 Node 模板中使用 Chartist.JS 显示一个简单的条形图,但我在让脚本运行它时遇到了困难。你们中有人知道我的代码有什么问题以及如何修复它吗?提前致谢。
我的主布局页面:
doctype html
html
head
title= title
link(rel='stylesheet', href='/stylesheets/style.css')
link(rel='stylesheet', href="../bower_components/chartist/dist/chartist.min.css")
body
block content
然后是包含图表代码的页面:
extends layout
block content
script(src="../bower_components/chartist/dist/chartist.min.js")
h1= title
p Welcome to #{title}
div(class="ct-chart")
script.
new Chartist.Bar('.ct-chart', {
labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'],
series: [20, 60, 120, 200, 180, 20, 10]
}, {
distributeSeries: true
});
最佳答案
事实证明代码一切都很好,问题出在我的 NodeJS 代码中,我没有正确路由样式表和脚本文件查找。
关于javascript - 将 Chartist.JS 放入 Jade 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37817734/