After rendering everything appear to be ok.
Here is a sample:
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
<!-- 1. Add these JavaScript inclusions in the head of your page -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/highcharts.js"></script>
<!-- 2. Add the JavaScript to initialize the chart on document ready -->
<script type="text/javascript">
var data = [{
name: 'teste5',
color: '#6C7379',
y: 40000
}, {
name: 'teste4',
color: '#018941',
y: 37585.91
}, {
name: 'teste3',
color: '#65B836',
y: 454.62
}, {
name: 'teste2',
color: '#9DC94D',
y: 29.40
}, {
name: 'teste1',
color: '#D3DB62',
y: 18.29
}];
$(document).ready(function() {
new Highcharts.Chart({
chart: {
renderTo: 'container',
defaultSeriesType: 'pie'
},
title: {
text: null
},
legend: {
enabled:false
},
series: [{
data: data, "innerSize":"40%"
}],
credits: {
enabled: false
}
});
});
</script>
</head>
<body>
<div id="container" style="width: 500px; height: 500px; margin: 0 auto"></div>
</body>
</html>
Test results:
Tested in IE7 - Has problems
Tested in IE8 - Has problems
Tested in IE9 - No Problem
Tested in FF10 - No Problem
Tested in Chrome16 - No problem
Tested in 2.1.4 and 2.1.9
Is there any workaround ?