title: Highcharts clickable column to open another page on same site
body: <p>I am working on a script that produces a chart (Highcharts). This work fine but I would like to add a "click" function which when clicked opens another scropt on the same site. After reading about clickable columns I am not sure how to make it work.</p>
  
  <p>How would I made a column clickable to say google.com</p>
  
  <p>The code I have is:</p>
  
  <pre><code>$(function () {
  
  var categories=[];
  var data2 =[];
  
  
  var chart;
  $(document).ready(function() {
  
  $.getJSON("../charts/imaint_audit_water_temp_cold_chart.php", function(json) {
    $.each(json,function(i,el) {
    if (el.name=="Count")
        categories = el.data;
    else data2.push(el);
  });
  
  $('#container1').highcharts({
  chart: {
     renderTo: 'container',
     type: 'column',
     marginTop: 40,
     marginRight: 30,
     marginBottom: 50,
     plotBackgroundColor: '#FCFFC5'
  },
  
  title: {
     text: 'Failed cold water temperatures',
     x: -20, //center
     style: {
         fontFamily: 'Tahoma',
         color: '#000000',
         fontWeight: 'bold',
         fontSize: '10px'
     }
  },
  
  subtitle: {
     text: '',
     x: -20
  },
  xAxis: {
     labels: {
         enabled: false
     }
  },
  
  yAxis: {
     showFirstLabel: false,
     lineColor:'#999',
     lineWidth:1,
     tickColor:'#666',
     tickWidth:1,
     tickLength:2,
     tickInterval: 10,
     gridLineColor:'#ddd',
  
     title: {
        text: '',
        style: {
           fontFamily: 'Tahoma',
           color: '#000000',
           fontWeight: 'bold',
           fontSize: '10px'
        }
    },
  
  plotLines: [{
     color: '#808080'
  }]
  },
  
  legend: {
     enabled: true,
     itemStyle: {
        font: '11px Trebuchet MS, Verdana, sans-serif',
        color: '#000000'
     },
     itemHoverStyle: {
        color: '#000000'
     },
     itemHiddenStyle: {
        color: '#444'
     }
   },
  
  
  colors: [
     '#0066CC',
     '#FF2F2F',
  ],
  
  plotOptions: {
     series: {
        point: {
           events: {
              click: function() {
  
              }
           }
    }
  },
  legendIndex:0,
  
  dataLabels: {
  enabled: true,
  color: '#000000',
  align: 'center',
  cursor: 'pointer',
  y: 0, // 10 pixels down from the top
  style: {
     fontSize: '10px',
     fontFamily: 'Verdana, sans-serif'
  }
  }
  }
  },
  
  credits: {
     enabled: false
  },
  
  series: data2
  });
  });
  
  });
  });
  </code></pre>
  
  <p>Many thanks in advance for your time.</p>