Folder reorganize 1
This commit is contained in:
@@ -0,0 +1,47 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<script type="text/javascript">
|
||||
window.onload = function () {
|
||||
var chart = new CanvasJS.Chart("chartContainer", {
|
||||
title: {
|
||||
text: "Spline Area Chart"
|
||||
},
|
||||
data: [
|
||||
{
|
||||
type: "splineArea",
|
||||
dataPoints: [
|
||||
{ x: new Date(1992, 0), y: 2506000 },
|
||||
{ x: new Date(1993, 0), y: 2798000 },
|
||||
{ x: new Date(1994, 0), y: 3386000 },
|
||||
{ x: new Date(1995, 0), y: 6944000 },
|
||||
{ x: new Date(1996, 0), y: 6026000 },
|
||||
{ x: new Date(1997, 0), y: 2394000 },
|
||||
{ x: new Date(1998, 0), y: 1872000 },
|
||||
{ x: new Date(1999, 0), y: 2140000 },
|
||||
{ x: new Date(2000, 0), y: 7289000 },
|
||||
{ x: new Date(2001, 0), y: 4830000 },
|
||||
{ x: new Date(2002, 0), y: 2009000 },
|
||||
{ x: new Date(2003, 0), y: 2840000 },
|
||||
{ x: new Date(2004, 0), y: 2396000 },
|
||||
{ x: new Date(2005, 0), y: 1613000 },
|
||||
{ x: new Date(2006, 0), y: 2821000 },
|
||||
{ x: new Date(2007, 0), y: 2000000 },
|
||||
{ x: new Date(2008, 0), y: 1397000 }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
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>
|
||||
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<script type="text/javascript">
|
||||
window.onload = function () {
|
||||
var chart = new CanvasJS.Chart("chartContainer", {
|
||||
title: {
|
||||
text: "Spline Area Chart with Stripline on Axis X"
|
||||
},
|
||||
axisX: {
|
||||
stripLines: [
|
||||
{
|
||||
value: 1940
|
||||
}
|
||||
],
|
||||
valueFormatString: "####"
|
||||
},
|
||||
data: [
|
||||
{
|
||||
type: "splineArea",
|
||||
color: "rgba(83, 223, 128, .6)",
|
||||
dataPoints: [
|
||||
{ x: 1910, y: 5 },
|
||||
{ x: 1920, y: 9 },
|
||||
{ x: 1930, y: 17 },
|
||||
{ x: 1940, y: 32 },
|
||||
{ x: 1950, y: 22 },
|
||||
{ x: 1960, y: 14 },
|
||||
{ x: 1970, y: 25 },
|
||||
{ x: 1980, y: 18 },
|
||||
{ x: 1990, y: 20 }
|
||||
]
|
||||
}
|
||||
]
|
||||
});
|
||||
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>
|
||||
Reference in New Issue
Block a user