问Chartist.js困惑于如何创建
EN

Stack Overflow用户

提问于 2015-04-20 22:43:06

回答 2查看 2.6K关注 0票数 1

我只想在我的网站上使用一个简单的图表。我找到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

回答 2

Stack Overflow用户

发布于 2015-04-20 22:48:40

这是您需要的完整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>

票数 5

Stack Overflow用户

发布于 2015-07-30 15:19:44

上面的代码是right.If，它在你的system.Please上不起作用，剪切js文件，在div之后添加这个文件。基兰

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29751032

复制

相似问题

问Chartist.js困惑于如何创建
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js困惑于如何创建EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chartist.js困惑于如何创建
EN