<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="Style/StyleSheet1.css" type="text/css" rel="stylesheet" />
<script src="Script/jquery-2.1.4.js" type="text/javascript"></script>
<script src="Script/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="Script/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#body').highcharts({
chart: {
plotBackgroundColor: '#e2e2e2',
plotBorderWidth: null,
plotShadow: null,
backgroundColor: '#e2e2e2',
type: 'pie',
events: {
click: function (event) {
window.location.assign("Security_Vulnerabilities.html")
}
}
},
credits: {
enabled: false
},
title: {
text: 'CTO Executive Dashboard',
style: {
fontWeight: 'bold',
'background-color': '#e2e2e2'
}
},
tooltip: {
pointFormat: '{series.name}'
},
plotOptions: {
pie: {
allowPointSelect: true,
// showInLegend: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}: ',
connectorColor: 'silver'
}
},
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
// alert('Category: ' + this.name);
if (this.name == "Application Security Vulnerabilities")
window.location.assign("Security_Vulnerabilities.html");
else if (this.name == "Disaster Recovery Plan")
window.location.assign("Disaster_Recovery_update.html");
}
}
}
}
},
legend: {
borderWidth: 0,
labelFormatter: function () {
if (this.color == '#909090') return 'MEETS EXPECTATION, BUT REQUIRES ATTENTION'
else if (this.color == '#669900') return 'MEETS EXPECTATION'
else if (this.color = '#B00000') return 'NEEDS IMPROVEMENT'
else if (this.color = '#FFCC00') return 'RATINGS NOT AVAILABLE'
}
},
series: [{
data: [
{
name: 'Application Security Vulnerabilities', y: 8,
color: '#909090'
},
{
name: 'Expired Expectation', y: 8, color: '#669900'
},
{
name: 'Expired & Expiring', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'Enterprise Essential Training', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'Disaster Recovery Plan', y: 8,
color: '#B00000',
},
{
name: 'Disaster Recovery Excersise', y: 8, color: '#669900'
},
{
name: 'SDLC',
y: 8,
color: '#669900',
},
{
name: 'SQA', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'SAR', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'AIM DQI', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'TSM', y: 8,
color: '#669900'
},
{
name: 'UAC /UTC', y: 8,
color: '#FFCC00'
},
{
name: 'Audit Map', y: 8,
color: '#669900'
}
]
}]
});
});
</script>
</head>
<body>
<header style="background-color:black;" id="head1">
<div >
<table>
<tr>
<td>
<img src="Images/american-express.png" />
</td>
<td>
<h1>Is Our Compliance House In Order ? </h1>
</td>
<td>
</td>
</tr>
</table>
</div>
</header>
<div id="body" style="min-width: 300px; height: 485px; max-width: 805px; margin: 0 auto;background-color:white;">
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>AXP Internal</p>
</div>
</div>
</footer>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link href="Style/StyleSheet1.css" type="text/css" rel="stylesheet" />
<script src="Script/jquery-2.1.4.js" type="text/javascript"></script>
<script src="Script/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="Script/highcharts.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#body').highcharts({
chart: {
plotBackgroundColor: '#e2e2e2',
plotBorderWidth: null,
plotShadow: null,
backgroundColor: '#e2e2e2',
type: 'pie',
events: {
click: function (event) {
window.location.assign("Security_Vulnerabilities.html")
}
}
},
credits: {
enabled: false
},
title: {
text: 'CTO Executive Dashboard',
style: {
fontWeight: 'bold',
'background-color': '#e2e2e2'
}
},
tooltip: {
pointFormat: '{series.name}'
},
plotOptions: {
pie: {
allowPointSelect: true,
// showInLegend: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '{point.name}: ',
connectorColor: 'silver'
}
},
series: {
cursor: 'pointer',
point: {
events: {
click: function () {
// alert('Category: ' + this.name);
if (this.name == "Application Security Vulnerabilities")
window.location.assign("Security_Vulnerabilities.html");
else if (this.name == "Disaster Recovery Plan")
window.location.assign("Disaster_Recovery_update.html");
}
}
}
}
},
legend: {
borderWidth: 0,
labelFormatter: function () {
if (this.color == '#909090') return 'MEETS EXPECTATION, BUT REQUIRES ATTENTION'
else if (this.color == '#669900') return 'MEETS EXPECTATION'
else if (this.color = '#B00000') return 'NEEDS IMPROVEMENT'
else if (this.color = '#FFCC00') return 'RATINGS NOT AVAILABLE'
}
},
series: [{
data: [
{
name: 'Application Security Vulnerabilities', y: 8,
color: '#909090'
},
{
name: 'Expired Expectation', y: 8, color: '#669900'
},
{
name: 'Expired & Expiring', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'Enterprise Essential Training', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'Disaster Recovery Plan', y: 8,
color: '#B00000',
},
{
name: 'Disaster Recovery Excersise', y: 8, color: '#669900'
},
{
name: 'SDLC',
y: 8,
color: '#669900',
},
{
name: 'SQA', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'SAR', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'AIM DQI', y: 8, color: '#669900', linkedTo: ':previous'
},
{
name: 'TSM', y: 8,
color: '#669900'
},
{
name: 'UAC /UTC', y: 8,
color: '#FFCC00'
},
{
name: 'Audit Map', y: 8,
color: '#669900'
}
]
}]
});
});
</script>
</head>
<body>
<header style="background-color:black;" id="head1">
<div >
<table>
<tr>
<td>
<img src="Images/american-express.png" />
</td>
<td>
<h1>Is Our Compliance House In Order ? </h1>
</td>
<td>
</td>
</tr>
</table>
</div>
</header>
<div id="body" style="min-width: 300px; height: 485px; max-width: 805px; margin: 0 auto;background-color:white;">
</div>
<footer>
<div class="content-wrapper">
<div class="float-left">
<p>AXP Internal</p>
</div>
</div>
</footer>
</body>
</html>
No comments:
Post a Comment