Files
controls-web/OLD/controlsdev/charts/canvasjs/examples/03-area-chart/area-chart-with-date-time-axis.html
2026-02-17 09:29:34 -06:00

41 lines
1011 B
HTML

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
title: {
text: "Monthly Downloads"
},
data: [
{
type: "area",
dataPoints: [//array
{ x: new Date(2012, 00, 1), y: 2600 },
{ x: new Date(2012, 01, 1), y: 3800 },
{ x: new Date(2012, 02, 1), y: 4300 },
{ x: new Date(2012, 03, 1), y: 2900 },
{ x: new Date(2012, 04, 1), y: 4100 },
{ x: new Date(2012, 05, 1), y: 4500 },
{ x: new Date(2012, 06, 1), y: 8600 },
{ x: new Date(2012, 07, 1), y: 6400 },
{ x: new Date(2012, 08, 1), y: 5300 },
{ x: new Date(2012, 09, 1), y: 6000 }
]
}
]
});
chart.render();
}
</script>
<script src="../../canvasjs.min.js"></script>
<title>CanvasJS Example</title>
</head>
<body>
<div id="chartContainer" style="height: 400px; width: 100%;">
</div>
</body>
</html>