Download
2014-02-06, 20:48:46
(This post was last modified: 2014-02-06, 22:07:51 by ragebflame.)
(2014-02-06, 10:30:53)shawn_a Wrote: Use chrome or ie11 profiler, it should be able to show what's running. If I had to guess your charting stuff is inefficient or bugged or you have some chart set to live updating or some looping.
Good advice, I will try this when I go home. I believe the javascript is fine however. It runs perfect and leaves the page responsive if I throw it into a test page by itself, Outside of GC CMS.
Code:
<html>
<head></head>
<body>
<h1>Testing highcharts</h1>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="width:100%; height:400px;"></div>
<script>
$(function () {
$('#container').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});
</script>
<a href="http://www.w3schools.com/">Visit W3Schools</a>
</body>
</html>From what I can see, trying to run any jQuery is causing this problem.
