Q1) In the skyLight university, you need to create a web page named placements
showing the name of the companies that are coming for students' placements. IN addition, you need to
display the student placement ratio over the last six years. For this, you need
to create a bar graph, as shown in the following figure.
Prerequisite: To perform this exercise, you need to use the solution file created for exercise 2 of chapter 5. In addition, you need the RGraph.bar.js and RGraph.common.core.js files.
Ans1)
<!DOCTYPE HTML>
<HTML><TITLE>OnlineBookings page</Title>
<HEAD>
<Link type="text/css" rel="stylesheet" href="externalStylesheet/homestylesheet.css"/>
<style>
p{
font-size:20px;
color:blue;
}
ul{
list-style-type:square;
color:red;
font-size:20px;
}
canvas{
postion:relative;
top:0px;
}
</style>
<script type="text/javascript" src="./Rgraph.common.core.js"></script>
<script type="text/javascript" src="./Rgraph.bar.js></script>
</head>
<body>
<h1>Placements:</h1>
<p>we conduct the placements programs within our institutes to provide jobs to students who are in the stage of completing the programme in the
current academic year. In this programme, a lot of companies visit our university to select students.</P>
<p>Companies visited last year:</p>
<ul>
<li>360 Netwroks Inc.</li>
<li>724 Solutions Inc.</li>
<li>Advancetech inc.</li>
<li>Amcor Ltd.</li>
<br>
<p>the following bar-graph depicts the number of students placed in the companies over the last six years.</p>
<br><br><br>
<canvas width="700" height="250" id="test" style="border:1px solid black"></canvas>
<script type="text/javascript" charset="utf-8">
var bar = new RGraph.bar('test', [60,80,90,50,70,90]);
bar.set('chart.gutter', 50);
bar.set('chart.colors', ['blue']);
bar.set('chart.labels',["2007", "2008","2009","2010","2011,"2012"]);
bar.Draw();
</script>
</body>
</html>
showing the name of the companies that are coming for students' placements. IN addition, you need to
display the student placement ratio over the last six years. For this, you need
to create a bar graph, as shown in the following figure.
Prerequisite: To perform this exercise, you need to use the solution file created for exercise 2 of chapter 5. In addition, you need the RGraph.bar.js and RGraph.common.core.js files.
Ans1)
<!DOCTYPE HTML>
<HTML><TITLE>OnlineBookings page</Title>
<HEAD>
<Link type="text/css" rel="stylesheet" href="externalStylesheet/homestylesheet.css"/>
<style>
p{
font-size:20px;
color:blue;
}
ul{
list-style-type:square;
color:red;
font-size:20px;
}
canvas{
postion:relative;
top:0px;
}
</style>
<script type="text/javascript" src="./Rgraph.common.core.js"></script>
<script type="text/javascript" src="./Rgraph.bar.js></script>
</head>
<body>
<h1>Placements:</h1>
<p>we conduct the placements programs within our institutes to provide jobs to students who are in the stage of completing the programme in the
current academic year. In this programme, a lot of companies visit our university to select students.</P>
<p>Companies visited last year:</p>
<ul>
<li>360 Netwroks Inc.</li>
<li>724 Solutions Inc.</li>
<li>Advancetech inc.</li>
<li>Amcor Ltd.</li>
<br>
<p>the following bar-graph depicts the number of students placed in the companies over the last six years.</p>
<br><br><br>
<canvas width="700" height="250" id="test" style="border:1px solid black"></canvas>
<script type="text/javascript" charset="utf-8">
var bar = new RGraph.bar('test', [60,80,90,50,70,90]);
bar.set('chart.gutter', 50);
bar.set('chart.colors', ['blue']);
bar.set('chart.labels',["2007", "2008","2009","2010","2011,"2012"]);
bar.Draw();
</script>
</body>
</html>
No comments:
Post a Comment