将Chartist.JS放入Jade

时间:2016-06-14 16:42:07

标签: javascript node.js express pug chartist.js

快速提问,我正在尝试使用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
            });

1 个答案:

答案 0 :(得分:1)

原来代码很好,花花公子,问题出在我的NodeJS代码中,我没有正确地路由样式表和脚本文件查找。