highslide-software/highcharts.com — Issue #600: Doesn't draw chart in jquery 1.7.1
Author: sradu
Created: 2011-11-30 04:07:08+00:00
State: open

I'm upgrading an app from jQuery 1.6.2 to jQuery 1.7.1. With the latest highcharts version my code doesn't draw the graph:

```javascript
jQuery(function() {
// 1. Define JSON options
var options = {
chart: {"defaultSeriesType":"area","renderTo":"chart","margin":[30,40,30,40],"backgroundColor":"#f3f3f3","borderColor":"#ebebeb","borderRadius":2,"borderWidth":1},
title: {"text":null},
legend: {"layout":"horizontal","verticalAlign":"top","y":5,"borderWidth":0,"itemStyle":{"font-weight":"bold","color":"#565656"}},
xAxis: {"plotBands":"","labels":{"style":{"font-size":"10px"},"rotation":0},"categories":["Dec","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov"]},
yAxis: {"title":"","labels":{},"gridLineColor":"#e4e4e4","startOnTick":false,"endOnTick":false,"showFirstLabel":false,"showLastLabel":false},
tooltip: {"enabled":true},
credits: {"enabled":false},
plotOptions: {"series":{"lineWidth":1,"fillOpacity":0.1,"marker":{"enabled":false,"symbol":"circle","radius":2,"states":{"hover":{"enabled":true}}}}},
series: [{"name":"Data","data":[7617.0,12152.0,17796.0,9012.0,7383.0,7858.0,8123.0,30428.0,7736.0,0,0,0]}],
subtitle: {}
};

// 2. Add callbacks (non-JSON compliant)

var x_tip_every = null;
if (options['series'].length > 0) {
fields_count = (options['series'][0]['data']).length;
x_tip_every = Math.round(fields_count / 8);
};
options.tooltip.formatter = function() { return this.x +': '+ this.y + '';}
options.xAxis.labels.formatter = function() {
if (this.index % x_tip_every == 0)
return this.value;
else
return '';
};

// 3. Build the chart
var chart = new Highcharts.Chart(options);
});

```