dubweiser Posted October 24, 2012 Report Share Posted October 24, 2012 hey guys No matter what I can't seem to get the chart to load. Any idea whats going wrong ? Error thrown is "Unhandled exception at line 599, column 429 in http://localhost:59748/jChartFX/js/jchartfx.coreVector.js 0x800a138f - JavaScript runtime error: Unable to get property 'call' of undefined or null reference" Here's what I have currently: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="js/jquery-1.7.1.min.js" mce_src="js/jquery-1.7.1.min.js"></script> <link rel="stylesheet" type="text/css" href="jChartFX/css/jchartfx.css" mce_href="jChartFX/css/jchartfx.css" /> <script type="text/javascript" src="jChartFX/js/jchartfx.system.js" mce_src="jChartFX/js/jchartfx.system.js"></script> <script type="text/javascript" src="jChartFX/js/jchartfx.coreVector.js" mce_src="jChartFX/js/jchartfx.coreVector.js"></script> <title>jChartFX Testing</title> </head> <body> <script type="text/javascript"> var chart1; window.onload = function() { loadChart(); }; function loadChart() { chart1 = new cfx.Chart(); chart1.setGallery(Gallery.Pyramid); var divHolder = document.getElementById('chartDiv'); chart1.create(divHolder); } </script> <div id="chartDiv" style="width: 50%; height: 400px; display: inline-block"></div> </body> </html> Quote Link to comment Share on other sites More sharing options...
0 JuanC Posted October 24, 2012 Report Share Posted October 24, 2012 To use the pyramid gallery you also need to include jchartfx.pyramid.js, also all of our classes and enumerations are declared inside the cfx object so you have to use cfx.Gallery.GalleryGoesHere. Try replacing Gallery.Pyramid with cfx.Gallery.Bar, if that works, make sure you include jchartfx.pyramid.js JuanC Quote Link to comment Share on other sites More sharing options...
0 dubweiser Posted October 25, 2012 Author Report Share Posted October 25, 2012 Sorry my bad - I had been testing using the Pie chart, not Pyramid. I had changed it from Pie to Pyramid while troubleshooting and forgot to change it back before posting. I've just tested again using cfx.Gallery.Bar and still getting the same error: chart1.setGallery(cfx.Gallery.Bar); "Unhandled exception at line 599, column 429 in http://localhost:59748/jChartFX/js/jchartfx.coreVector.js0x800a138f - JavaScript runtime error: Unable to get property 'call' of undefined or null reference" Quote Link to comment Share on other sites More sharing options...
0 dubweiser Posted November 8, 2012 Author Report Share Posted November 8, 2012 hey guys, quick update on this one - managed to load up the chart successfully simply by opening the .html file directly in Firefox.. Issue seems to be something to do with previewing the page inside Visual Studio 2012 using the internal IIS express.. Quote Link to comment Share on other sites More sharing options...
0 PhilHannent Posted November 13, 2012 Report Share Posted November 13, 2012 Its because of IE's rendering engine. I had this with IE9 falling back to quirks mode and causing the exact same error. Once I corrected the html IE9 was able to render in IE9 standard mode without that error. Quote Link to comment Share on other sites More sharing options...
Question
dubweiser
hey guys
No matter what I can't seem to get the chart to load. Any idea whats going wrong ?
Error thrown is
"Unhandled exception at line 599, column 429 in http://localhost:59748/jChartFX/js/jchartfx.coreVector.js
0x800a138f - JavaScript runtime error: Unable to get property 'call' of undefined or null reference"
Here's what I have currently:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"
mce_src="js/jquery-1.7.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="jChartFX/css/jchartfx.css"
mce_href="jChartFX/css/jchartfx.css" />
<script type="text/javascript" src="jChartFX/js/jchartfx.system.js"
mce_src="jChartFX/js/jchartfx.system.js"></script>
<script type="text/javascript" src="jChartFX/js/jchartfx.coreVector.js"
mce_src="jChartFX/js/jchartfx.coreVector.js"></script>
<title>jChartFX Testing</title>
</head>
<body>
<script type="text/javascript">
var chart1;
window.onload = function() {
loadChart();
};
function loadChart() {
chart1 = new cfx.Chart();
chart1.setGallery(Gallery.Pyramid);
var divHolder = document.getElementById('chartDiv');
chart1.create(divHolder);
}
</script>
<div id="chartDiv" style="width: 50%; height: 400px; display: inline-block"></div>
</body>
</html>
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.