56 lines
1.3 KiB
HTML
56 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html xmlns="http://www.w3.org/1999/xhtml" >
|
|
<head>
|
|
<title></title>
|
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
|
|
<script src="jquery.canvasjs.min.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
$(document).ready(function () {
|
|
|
|
$.getJSON("data.php", function (result) {
|
|
|
|
var chart = new CanvasJS.Chart("chartContainer", {
|
|
animationEnabled: true,
|
|
theme: "theme9",
|
|
title:{
|
|
text: "Tacos"
|
|
},
|
|
axisY:[{
|
|
lineColor: "#4F81BC",
|
|
tickColor: "#4F81BC",
|
|
labelFontColor: "#4F81BC",
|
|
titleFontColor: "#4F81BC",
|
|
lineThickness: 2,
|
|
},
|
|
{
|
|
lineColor: "#C0504E",
|
|
tickColor: "#C0504E",
|
|
labelFontColor: "#C0504E",
|
|
titleFontColor: "#C0504E",
|
|
lineThickness: 2,
|
|
|
|
}],
|
|
data: [
|
|
|
|
{
|
|
type: "spline", //change type to bar, line, area, pie, etc
|
|
showInLegend: true,
|
|
dataPoints: result
|
|
}
|
|
|
|
|
|
]
|
|
});
|
|
|
|
chart.render();
|
|
});
|
|
});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="chartContainer" style="width: 800px; height: 380px;"></div>
|
|
|
|
</body>
|
|
</html> |