charts/canvas/examples/17-spline-area-chart/basic-spline-area-chart.html

   1 <!DOCTYPE HTML>\r
   2 <html>\r
   3 \r
   4 <head>\r
   5         <script type="text/javascript">\r
   6                 window.onload = function () {\r
   7                         var chart = new CanvasJS.Chart("chartContainer", {\r
   8                                 title: {\r
   9                                         text: "Spline Area Chart"\r
  10                                 },\r
  11                                 data: [\r
  12                                 {\r
  13                                         type: "splineArea",\r
  14                                         dataPoints: [\r
  15                                         { x: new Date(1992, 0), y: 2506000 },\r
  16                                         { x: new Date(1993, 0), y: 2798000 },\r
  17                                         { x: new Date(1994, 0), y: 3386000 },\r
  18                                         { x: new Date(1995, 0), y: 6944000 },\r
  19                                         { x: new Date(1996, 0), y: 6026000 },\r
  20                                         { x: new Date(1997, 0), y: 2394000 },\r
  21                                         { x: new Date(1998, 0), y: 1872000 },\r
  22                                         { x: new Date(1999, 0), y: 2140000 },\r
  23                                         { x: new Date(2000, 0), y: 7289000 },\r
  24                                         { x: new Date(2001, 0), y: 4830000 },\r
  25                                         { x: new Date(2002, 0), y: 2009000 },\r
  26                                         { x: new Date(2003, 0), y: 2840000 },\r
  27                                         { x: new Date(2004, 0), y: 2396000 },\r
  28                                         { x: new Date(2005, 0), y: 1613000 },\r
  29                                         { x: new Date(2006, 0), y: 2821000 },\r
  30                                         { x: new Date(2007, 0), y: 2000000 },\r
  31                                         { x: new Date(2008, 0), y: 1397000 }\r
  32                                         ]\r
  33                                 }\r
  34                                 ]\r
  35                         });\r
  36 \r
  37                         chart.render();\r
  38                 }\r
  39         </script>\r
  40         <script src="../../canvasjs.min.js"></script>\r
  41         <title>CanvasJS Example</title>\r
  42 </head>\r
  43 <body>\r
  44         <div id="chartContainer" style="height: 400px; width: 100%;">\r
  45         </div>\r
  46 </body>\r
  47 </html>