Chartist.js 对如何创建感到困惑答案

【问题标题】：Chartist.js confused about how to createChartist.js 对如何创建感到困惑
【发布时间】：2015-04-20 14:43:06
【问题描述】：

我只想在我的网站上使用一个简单的图表。我找到了 chartist.js。我读了 http://gionkunz.github.io/chartist-js/getting-started.html

我查看了以下示例： http://jsbin.com/qalewi/edit?html,css,js,output

我只是不确定如何链接 HTML 和 JS 文件。我最初创建了 HTML 文件并链接了一个 chart.js 文件，该文件包含示例中的代码。但是当我运行它时，什么也没有发生。

谢谢

【问题讨论】：

标签： chartist.js

【解决方案1】：

这是你需要的完整的html文件

<html>
<head>
  <script src="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.js"></script>
  <link href="http://cdn.jsdelivr.net/chartist.js/latest/chartist.min.css" rel="stylesheet" type="text/css" />
  <link href='http://fonts.googleapis.com/css?family=Oxygen:300' rel='stylesheet' type='text/css'>
  <meta charset="utf-8">
  <title>Chartist.js - Simple line chart</title>

</head>
<body>
  <div class="ct-chart"></div>
    <script>
  new Chartist.Line('.ct-chart', {
  labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  series: [
    [2, 3, 2, 4, 5],
    [0, 2.5, 3, 2, 3],
    [1, 2, 2.5, 3.5, 4]
  ]
}, {
  width: 500,
  height: 300
});
  </script>
</body>
</html>

【讨论】：

我试过了，没有任何反应。我在 Explorer 上运行它。

【解决方案2】：

上面的代码是对的。如果它在你的系统上不起作用。请剪切js文件并将这个文件添加到div之后。基兰

【讨论】：

您好 doohsam，上面的代码是正确的。如果它在您的系统上不起作用。请剪切
行之后。像