The jqChart...
<?php 
require_once '../../../tabs.php';
?>
<!DOCTYPE html>
<html>
  <head>
    <style type="text">
        html, body {
            margin: 0;            /* Remove body margin/padding */
            padding: 0;
            overflow: hidden;    /* Remove scroll bars on browser window */
            font-size: 62.5%;
        }
        body {
            font-family: "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
        }
        #tags {z-index: 900}
    </style>
    <title>jqChart PHP Demo</title>
    <link rel="stylesheet" type="text/css" media="screen" href="../../../themes/redmond/jquery-ui-1.8.2.custom.css" />
    <script src="../../../js/jquery.js" type="text/javascript"></script>
    <script src="../../../js/jquery.jqChart.min.js" type="text/javascript"></script>
     
    <script src="../../../js/jquery-ui-custom.min.js" type="text/javascript"></script>
  </head>
  <body>
      <div>
        <?php include ("chart.php");?>
      </div>
      <br/>
      <?php tabs(array("chart.php"));?>
   </body>
</html>
chart.php.
<?php
require_once '../../../jq-config.php';
require_once ABSPATH."php/jqUtils.php";

require_once ABSPATH."php/jqChart.php";

$chart = new jqChart();
$chart->setChartOptions(array(
    "defaultSeriesType"=>"column",
    "margin"=>array( 50, 50, 100, 80)
))
->setTitle(array('text'=>"World's largest cities per 2008"))
->setxAxis(array(
    "categories"=>array(
            'Tokyo',
            'Jakarta',
            'New York',
            'Seoul',
            'Manila',
            'Mumbai',
            'Sao Paulo',
            'Mexico City',
            'Dehli',
            'Osaka',
            'Cairo',
            'Kolkata',
            'Los Angeles',
            'Shanghai',
            'Moscow',
            'Beijing',
            'Buenos Aires',
            'Guangzhou',
            'Shenzhen',
            'Istanbul'
    ),
    "labels"=>array(
        "rotation"=> -45,
        "align"=>"right",
        "style"=>array("font"=>"normal 13px Verdana, sans-serif")
    )
))
->setyAxis(array(
    "min"=>0,
    "title"=>array("text"=>"Population (millions)")
))
->setLegend(array(
    "enabled"=> false,
))
->setTooltip(array(
    "formatter"=>"function(){return '<b>'+ this.x +'</b><br/>'+'Population in 2008: '+ Highcharts.numberFormat(this.y, 1)+' millions';}"
))
->addSeries('Population', array(
34.4, 21.8, 20.1, 20, 19.6, 19.5, 19.1, 18.4, 18, 
17.3, 16.8, 15, 14.7, 14.5, 13.3, 12.8, 12.4, 11.8, 
11.7, 11.2
))
->setSeriesOption('Population',array(
    "dataLabels"=>array(
        "enabled"=> true,
        "rotation"=> -90,
        "color"=>'#FFFFFF',
        "align"=>'right',
        "x"=> -3,
        "y"=> 10,
        "formatter"=>"js:function() {return this.y;}",
        "style"=> array(
            "font"=> 'normal 13px Verdana, sans-serif'
        )
    )
));

echo $chart->renderChart('', true, 700, 350);

?>