Flot axis label hyperlink

Flot axis label hyperlink

by Keyur Patel

HTML

<script src="http://www.flotcharts.org/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:600px; height:400px"></div>

JavaScript

var d1 = [];
for (var i = 0; i < 14; i += 0.5) {
    d1.push([i, Math.sin(i)]);
}

somePlot = $.plot("#placeholder", 
                  [ {data: d1, points: { show: true }} ],
                  { xaxis: {
   tickFormatter: function formatter(val, axis){
       return '<a href="#" onClick="alert(\''+val+'\')">'+val+'</a>';
   }
}});

$('.flot-x-axis').css('zIndex',100);