Skip to content

Instantly share code, notes, and snippets.

@kimmobrunfeldt

kimmobrunfeldt/index.html

Created November 29, 2014 11:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save kimmobrunfeldt/327483f7a58f00805330 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save kimmobrunfeldt/327483f7a58f00805330 to your computer and use it in GitHub Desktop.
Download ZIP
Chartist.js example
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Chartist</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://rawgit.com/gionkunz/chartist-js/master/dist/chartist.min.css">
<style>
#chart {
height: 300px;
width: 100%;
}
</style>
</head>
<body>
<div class="ct-chart" id="chart"></div>
<script type="text/javascript" src="https://rawgit.com/gionkunz/chartist-js/master/dist/chartist.js"></script>
<script>
new Chartist.Line('#chart', {
labels: [1, 2, 3, 4, 5, 6, 7, 8],
series: [
[5, 9, 7, 8, 5, 3, 5, 4]
]
}, {
low: 0,
showArea: true
});
</script>
</body>
</html>
@toyuq

toyuq commented Mar 11, 2017

Copy link
Copy Markdown

thank you for your source

@sanderjo

sanderjo commented Mar 20, 2020

Copy link
Copy Markdown

Works! Thank you!

@OldCrank

OldCrank commented Jun 24, 2020

Copy link
Copy Markdown

Great Thanks. Good complete example to get started with Chartist. Thanks!

@mehran-dev

mehran-dev commented Aug 28, 2021

Copy link
Copy Markdown

|Nice and simple !| Thanks

@Ansebi

Ansebi commented Oct 3, 2022

Copy link
Copy Markdown

Thank you so much!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment