<script type=”text/javascript”>
jQuery(function () {
var browser_chart;
jQuery(document).ready(function() {
var browser_data = [[‘Opera (2,553)’,2553], [‘Firefox (2,198)’,2198], [‘Safari (2,187)’,2187], [‘Chrome (1,903)’,1903], [‘Unknown (1,489)’,1489], [‘MSIE (1,058)’,1058], [‘BlackBerry Brow (532)’,532], [‘Android Browser (377)’,377], [‘AppleWebKit (242)’,242], [‘Jakarta (213)’,213], [‘”Other” (1,295)’,1295], ];
browser_chart = jQuery.jqplot(‘browsers-log’, [browser_data], {
title: {
text: ‘<b>’ + “Top 10 Browsers” + ‘</b>’,
fontSize: ’12px’,
fontFamily: ‘Tahoma’,
textColor: ‘#000000’,
},
seriesDefaults: {
// Make this a pie chart.
renderer: jQuery.jqplot.PieRenderer,
rendererOptions: {
// Put data labels on the pie slices.
// By default, labels show the percentage of the slice.
dataLabels: ‘percent’,
showDataLabels: true,
shadowOffset: 0,
}
},
legend: {
show:true,
location: ‘s’,
renderer: jQuery.jqplot.EnhancedLegendRenderer,
rendererOptions:
{
numberColumns: 2,
disableIEFading: false,
border: ‘none’,
},
},
grid: { background: ‘transparent’, borderWidth: 0, shadow: false },
highlighter: {
show: true,
formatString:’%s’,
tooltipLocation:’n’,
useAxesFormatters:false,
},
} );
});
jQuery(window).resize(function() {
browser_chart.replot( {resetAxes: true } );
});
});
</script>