Skip to content

Instantly share code, notes, and snippets.

/pie.html

Created October 26, 2012 02:17
Show Gist options
  • Save anonymous/3956557 to your computer and use it in GitHub Desktop.
Save anonymous/3956557 to your computer and use it in GitHub Desktop.
Download ZIP
jquery.pie
Raw
pie.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Flot Pie Examples</title>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="http://people.iola.dk/olau/flot/excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="http://people.iola.dk/olau/flot/jquery.js"></script>
<script language="javascript" type="text/javascript" src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="http://people.iola.dk/olau/flot/jquery.flot.pie.js"></script>
<script type="text/javascript">
$(function () {
var data = [
{ label: "Series2", data: 0.1},
{ label: "Series6", data: 38888}
];
$.plot($("#interactive"), data,
{
series: {
pie: {
show: true
}
},
grid: {
hoverable: true
}
});
});
</script>
<style type="text/css">
div.graph
{
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<h2>Interactive</h2>
<div id="interactive" class="graph"></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment