5 <script type="text/javascript">
\r
6 window.onload = function () {
\r
7 var chart = new CanvasJS.Chart("chartContainer", {
\r
9 text: "Composition of Internet Traffic in North America",
\r
10 horizontalAlign: "right"
\r
15 intervalType: "year"
\r
17 animationEnabled: true,
\r
27 verticalAlign: "center",
\r
28 horizontalAlign: "left"
\r
35 type: "stackedColumn100",
\r
39 { x: new Date(2009, 0), y: 30 },
\r
40 { x: new Date(2010, 0), y: 40 },
\r
41 { x: new Date(2011, 0), y: 50 },
\r
42 { x: new Date(2012, 0), y: 60 },
\r
43 { x: new Date(2013, 0), y: 40 },
\r
44 { x: new Date(2014, 0), y: 50 }
\r
48 name: "Web Browsing",
\r
50 type: "stackedColumn100",
\r
54 { x: new Date(2009, 0), y: 40 },
\r
55 { x: new Date(2010, 0), y: 28 },
\r
56 { x: new Date(2011, 0), y: 18 },
\r
57 { x: new Date(2012, 0), y: 18 },
\r
58 { x: new Date(2013, 0), y: 18 },
\r
59 { x: new Date(2014, 0), y: 18 }
\r
63 name: "File Sharing",
\r
65 type: "stackedColumn100",
\r
69 { x: new Date(2009, 0), y: 15 },
\r
70 { x: new Date(2010, 0), y: 15 },
\r
71 { x: new Date(2011, 0), y: 12 },
\r
72 { x: new Date(2012, 0), y: 10 },
\r
73 { x: new Date(2013, 0), y: 12 },
\r
74 { x: new Date(2014, 0), y: 10 }
\r
80 type: "stackedColumn100",
\r
84 { x: new Date(2009, 0), y: 15 },
\r
85 { x: new Date(2010, 0), y: 17 },
\r
86 { x: new Date(2011, 0), y: 20 },
\r
87 { x: new Date(2012, 0), y: 18 },
\r
88 { x: new Date(2013, 0), y: 20 },
\r
89 { x: new Date(2014, 0), y: 17 }
\r
99 <script src="../../canvasjs.min.js"></script>
\r
100 <title>CanvasJS Example</title>
\r
103 <div id="chartContainer" style="height: 400px; width: 100%;">
\r