Untitled

<script>
    $(document).ready(function(){
        //Examples of how to assign the Colorbox event to elements
        $(".ajax").colorbox();
    });
</script>
</head>
<body>
    <h2>Other Content Types</h2>
    <p><a class='ajax' href="<?php echo base_url(); ?>index.php/main/chartleveldata" title="iDetails">Outside HTML (Ajax)</a></p>

plotOptions: {
    column: {
        pointPadding: 0.2,
        borderWidth: 0
    },
    candlestick: {
        lineColor: '#404048'
    },
    series: {
        animation:
        {
            duration: 3000
        },
        cursor: 'pointer',
        point: {
            events: {
                click: function() {
                    //window.open('<?php echo base_url(); ?>index.php/main/chartleveldata?due_date='+this.category+'&dsp=<?php echo $dspray;?>', '', 'top=200, menubar=no, left=500, width=340, height=200, directories=no, location=no, status=no,');
                    $(".ajax").colorbox();
                    location.href = '<?php echo base_url(); ?>index.php/main/chartleveldata?due_date='+this.category+'&dsp=<?php echo $dspray;?>';
                }
        }
    }
},