test-chartist/index.html at master · eaa-imd/test-chartist · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html>
  <head>
    <title>My first Chartist Tests</title>
    <link rel="stylesheet"
          href="dist/chartist.min.css">
  </head>
  <body>
    <!-- Site content goes here !-->
    <script src="dist/chartist.min.js"></script>
  </body>
</html><!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
</head>

<body>

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


<script> var data = {
  // A labels array that can contain any sort of values
  labels: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri'],
  // Our series array that contains series objects or in this case series data arrays
  series: [
    [3, 7, 4, 2, 0]
  ]
};

// Create a new line chart object where as first parameter we pass in a selector
// that is resolving to our chart container element. The Second parameter
// is the actual data object.
new Chartist.Line('.ct-chart', data);</script>
</body>
</html>