Here’s my HTA code. **I don’t need help/comments on my coding, unless it will fix the graph and data placement issue.
<HTA:APPLICATION
APPLICATION ID="PRINT"
applicationname="PRINT"
border="thin"
borderStyle="sunken"
caption="yes"
icon="print.ico"
maximizeButton="No"
minimizeButton="No"
SysMenu="no"
showInTaskbar="Yes"
innerBorder="no"
navigable="yes"
scroll="yes"
version="1.0"
contextmenu="no"
selection="no"
scrollFlat="yes"
SINGLEINSTANCE="yes"
/>
<title>PRINTING</title>
<script language='VBScript'>
Const HKEY_CURRENT_USER = &H80000001
strComputer = "."
Set objRegistry = GetObject("winmgmts:\\" & strComputer & "\root\default:StdRegProv")
Set wsh = CreateObject("WScript.Shell")
WindowW = 780
WindowH = 800
window.resizeTo WindowW, WindowH
WindowLeft = (window.screen.availWidth - WindowW) * .5
WindowTop = (window.screen.availHeight - WindowH) * .5
window.moveTo WindowLeft, WindowTop
Sub Window_onLoad
strKeyPath = "Software\Microsoft\Internet Explorer\PageSetup"
strValueName = "footer"
strValue = "&bJOINT BASE PEARL HARBOR-HICKAM, HI | PRINTED: &d AT &t&b"
objRegistry.SetStringValue HKEY_CURRENT_USER, strKeyPath, strValueName, strValue
strKeyPath = "Software\Microsoft\Internet Explorer\PageSetup"
strValueName = "header"
strValue = "&bLAW ENFORCEMENT SENSITIVE&b"
objRegistry.SetStringValue HKEY_CURRENT_USER, strKeyPath, strValueName, strValue
'window.print()
strKeyPath = "Software\Microsoft\Internet Explorer\PageSetup"
strValueName = "footer"
strValue = "&u&b&d"
objRegistry.SetStringValue HKEY_CURRENT_USER, strKeyPath, strValueName, strValue
strKeyPath = "Software\Microsoft\Internet Explorer\PageSetup"
strValueName = "header"
strValue = "&w&bPage &p of &P"
objRegistry.SetStringValue HKEY_CURRENT_USER, strKeyPath, strValueName, strValue
'self.close()
END SUB
</script>
<script type="text/javascript">
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer",
{
theme: "theme2",
title:{
text: "Gate Runners - Hickam Cantonment"
},
animationEnabled: false,
axisX: {
valueFormatString: "MMM YY",
interval:1,
intervalType: "month"
},
axisY:{
includeZero: false,
interval:1
},
data: [
{
type: "line",
dataPoints: [
{ x: new Date(2012, 00, 1), y: 4 },
{ x: new Date(2012, 01, 1), y: 2 },
{ x: new Date(2012, 02, 1), y: 0 },
{ x: new Date(2012, 03, 1), y: 0 },
{ x: new Date(2012, 04, 1), y: 1 },
{ x: new Date(2012, 05, 1), y: 5 }
]
}
]
});
chart.render();
var chart2 = new CanvasJS.Chart("chartContainer2",
{
theme: "theme2",
title:{
text: "Gate Runners - Pearl Harbor Cantonment"
},
animationEnabled: false,
axisX: {
valueFormatString: "MMM YY",
interval:1,
intervalType: "month"
},
axisY:{
includeZero: false,
interval:1
},
data: [
{
type: "line",
dataPoints: [
{ x: new Date(2012, 00, 1), y: 4 },
{ x: new Date(2012, 01, 1), y: 2 },
{ x: new Date(2012, 02, 1), y: 0 },
{ x: new Date(2012, 03, 1), y: 0 },
{ x: new Date(2012, 04, 1), y: 1 },
{ x: new Date(2012, 05, 1), y: 5 }
]
}
]
});
chart2.render();
}
</script>
<script type="text/javascript" src="canvasjs.min.js"></script>
<body>
<div align="center" style="width: 100%">
<div id="chartContainer" style="height: 300px; width: 600px;"></div>
</div>
<br>
<div align="center" style="width: 100%">
<div id="chartContainer2" style="height: 300px; width: 600px;"></div>
</div>
</body>