search

leonardoeloy / flot-valuelabels

Improvement of Flot Value Labels plugin
http://wiki.github.com/leonardoeloy/flot-valuelabels/
26 stars 40 forks source link

Labels not displaying in the IPad browser #7

Open thadneal opened 13 years ago

thadneal commented 13 years ago 
<head>
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="script/excanvas.min.js"></script><![endif]-->
<script src="script/jquery.flot.min.js" type="text/javascript"></script>
<script src="script/jquery.flot.axislabels.js" type="text/javascript"></script>
<script src="script/jquery.flot.valuelabels.js" type="text/javascript"></script>
</head>
<body>

<div id="flotChartPlaceHolder" style="width: 500px; height: 400px; margin: 8px 20px 20px; padding: 0px; position: relative;">

<script type="text/javascript">
$(document).ready(function() {$.plot($('#flotChartPlaceHolder'), [
{ data: [[0,5]], bars: { show: true, align: 'center', barWidth: .75 }},
{ data: [[1,0]], bars: { show: true, align: 'center', barWidth: .75 }},
{ data: [[2,3]], bars: { show: true, align: 'center', barWidth: .75 }},
{ data: [[3,0]], bars: { show: true, align: 'center', barWidth: .75 }},
{ data: [[4,0]], bars: { show: true, align: 'center', barWidth: .75 }}
],{
colors: ['#8B0000','#006400','#00008B','#9400D3','#FF8C00'],
xaxis: { autoscaleMargin: .05, tickLength: 0, ticks: [[0,'Unopened'], [1,'Bounced'], [2,'Opened'], [3,'Clicked'], [4,'Unsubscribed']] },
yaxis: { axisLabel: 'Count', axisLabelUseCanvas: true, axisLabelFontFamily: 'Arial' },
valueLabels: { show: true }
})});
</script>

</body>
</html>