JQuery plugin for creating charts
JQuery plugin for building a linechart. Chart ruler completely on HTML/CSS/JS. Bar chart, calendar view visualisation. Diagram, graph, pyramid visualisation of large datasets. Showreel. The source for this module is in the main repo. Please create issues and pull requests. Angular plugin for linechart also exists. Check angular-scale if you're using Angular.js.
Inspired by kinopoisk.ru chart written using Adobe Flash. But this chart is just on HTML/CSS without using libraries. Feel free for contribute.
bower install jquery-linechart
npm install jquery-linechart
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../scale.css">
</head>
<body>
<div id="chart"></div>
<script src="http://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<script src="../scale.js"></script>
</body>
</html>
$.getJSON('./votes.json', function(res) {
var items = [];
$.each(res, function(key, val){
items.push({
value: val["rank"],
title: val["title"]
});
});
$("#chart").linechart({
data: items,
width: 50,
height: 10,
boxSize: 16,
line: true,
theme: "purple"
});
});
$("#chart").linechart({
data: items,
width: 50,
height: 10,
boxSize: 16,
line: true,
theme: "purple"
});
Please check the example folder to see how it's going on practice.
Copyright (c) 2016 Kirill Stepkin