Highcharts Infinite Loop
Causes an infinite loop in highchart when srwaing the data points for "MS AD & Windows" - seems to be caused by over-large x-values in the dataset.
HTML
<script src="http://www.highcharts.com/js/highcharts.js"></script>
<input type="button" value="Draw Chart" onclick="drawChart();">
<div id="chart" style="width:100%"></div>
<div id="feedback">page loaded</div>
CSS
body {font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;}
input {margin: 2em}
#feedback {margin: 2em}
JavaScript
window.drawChart = function() {
var chart = new Highcharts.Chart({
credits: {
enabled: false
},
plotOptions: {
scatter: {
dataLabels: {
enabled: true
}
}
},
subtitle: {
text: "June 2011",
align: "right"
},
xAxis: [{
categories: [608,6161,51533,53551,55559,55785,57032,61142,64252,64253,64254,65465],
title: {
text: "ports"
}
},{
categories: [23,22,80,161,-24],
title: {
text: "cisco"
}
},{
title: {
text: "something"
}
}],
title: {
text: "Most Attacked Ports",
align: "right"
},
series: [{
data: [4,4,4,4,4,4,4,4,4,4,4,4],
name: "MS AD & Windows",
xAxis: 0},
{
data: [3,3,3,3,2],
name: "Cisco Firewall",
xAxis: 1},
{
data: [[0, 1]],
name: "F5 Firewall",
xAxis: 2},
{
data: [[0, 2]],
name: "DNS Server",
xAxis: 2},
{
data: [[0, 3]],
name: "Server",
xAxis: 2
}],
yAxis: {
align: "high",
title: {
text: ""
},
min: 0
},
chart: {
defaultSeriesType: "scatter",
renderTo: "chart"
},
tooltip: {
enabled: true
},
legend: {
enabled: true
}
});
$("#feedback").html('chart drawm');
}