jqChart use a technology from
Highcharts
<?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";
ini_set("display_errors","1");
$chart = new jqChart();
$chart->setChartOptions(array(
"defaultSeriesType"=>"area"
))
->setTitle(array('text'=>'US and USSR nuclear stockpiles'))
->setSubtitle(array("text"=>'Source: <a href="http://thebulletin.metapress.com/content/c4120650912x74k7/fulltext.pdf">thebulletin.metapress.com</a>'))
->setxAxis(array(
"labels"=>array("formatter"=>"js:function(){return this.value;}")
))
->setyAxis(array(
"title"=>array("text"=>'Nuclear weapon states'),
"labels"=>array("formatter"=>"js:function(){return this.value/1000 +'k';}")
))
->setTooltip(array(
"formatter"=>"function(){return this.series.name +' produced <b>'+Highcharts.numberFormat(this.y, 0) +'</b><br/>warheads in '+ this.x;}"
))
->setPlotOptions(array(
"area"=>array(
"pointStart"=> 1940,
"marker"=>array(
"enabled"=> false,
"symbol"=>"circle",
"radius"=>2,
"states"=>array("hover"=> array ("enabled"=>true))
)
)
))
->addSeries('USA', array(
null, null, null, null, null, 6 , 11, 32, 110, 235, 369, 640,
1005, 1436, 2063, 3057, 4618, 6444, 9822, 15468, 20434, 24126,
27387, 29459, 31056, 31982, 32040, 31233, 29224, 27342, 26662,
26956, 27912, 28999, 28965, 27826, 25579, 25722, 24826, 24605,
24304, 23464, 23708, 24099, 24357, 24237, 24401, 24344, 23586,
22380, 21004, 17287, 14747, 13076, 12555, 12144, 11009, 10950,
10871, 10824, 10577, 10527, 10475, 10421, 10358, 10295, 10104 ))
->addSeries('USSR/Russia', array(
null, null, null, null, null, null, null , null , null ,null,
5, 25, 50, 120, 150, 200, 426, 660, 869, 1060, 1605, 2471, 3322,
4238, 5221, 6129, 7089, 8339, 9399, 10538, 11643, 13092, 14478,
15915, 17385, 19055, 21205, 23044, 25393, 27935, 30062, 32049,
33952, 35804, 37431, 39197, 45000, 43000, 41000, 39000, 37000,
35000, 33000, 31000, 29000, 27000, 25000, 24000, 23000, 22000,
21000, 20000, 19000, 18000, 18000, 17000, 16000));
echo $chart->renderChart('', true, 700, 350);
?>