chartist.js库没有显示任何内容

时间:2016-02-14 06:37:03

标签: javascript

我想使用chartist.js,但我的工具没有显示任何内容:

http://gionkunz.github.io/chartist-js/getting-started.html

我的代码(charts.html):

<html>
  <head>
    <title>My first Chartist Tests</title>
    <link rel="stylesheet"
          href="chartist.min.css">
  </head>
  <body>
    <!-- Site content goes here !-->
    <script src="chartist.min.js"></script>


<script type="text/javascript">

new Chartist.Line('.ct-chart', {
  labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
  series: [
    [12, 9, 7, 8, 5],
    [2, 1, 3.5, 7, 3],
    [1, 3, 4, 5, 6]
  ]
}, {
  fullWidth: true,
  chartPadding: {
    right: 40
  }
});

</script>

  </body>
</html>

我哪里错了?

enter image description here解决

添加此行代码:

<div class="ct-chart ct-perfect-fourth"></div>

1 个答案:

答案 0 :(得分:2)

添加此行代码:

<div class="ct-chart ct-perfect-fourth"></div>
相关问题