function tc_ratings_chart_dev_function($atts, $content = null)
{
extract(shortcode_atts(array("challengetype" => "", "handle" => ""), $atts));
$url = "http://api.topcoder.com/v2/develop/statistics/" . $handle . "/" . $challengetype . "/";
$cdata = get_data_dev($url);
$hseries = $cdata['hseries'];
$dseries = $cdata['dseries'];
/* ratings chart */
$ratingsChart = new Highchart();
$ratingsChart->chart = array('renderTo' => 'chart_' . $handle, 'type' => 'line', 'marginRight' => 15, 'marginLeft' => 30, 'marginBottom' => 20, 'marginTop' => 20, 'width' => 768);
$ratingsChart->credits = array('enabled' => false);
$ratingsChart->title = array('text' => null);
$ratingsChart->yAxis = array('title' => array('text' => null), 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')), 'plotBands' => array(array("from" => 0, "to" => 899, "color" => "rgba(153, 153, 153, 0.2)"), array("from" => 900, "to" => 1199, "color" => "rgba(0, 169, 0, 0.2)"), array("from" => 1200, "to" => 1499, "color" => "rgba(102, 102, 255, 0.2)"), array("from" => 1500, "to" => 2199, "color" => "rgba(221, 204, 0, 0.2)"), array("from" => 2200, "to" => 10000, "color" => "rgba(238, 0, 0, 0.2)")));
$ratingsChart->xAxis = array('type' => "datetime", dateTimeLabelFormats => array(year => '%Y'), tickInterval => 24 * 3600 * 1000 * 356);
$ratingsChart->legend = array('enabled' => false);
$ratingsChart->tooltip = array('formatter' => new HighchartJsExpr("function() {\n\t\t return 'Challenge: <b>'+ this.point.name +'</b><br/>Date: '+\n\t\t Highcharts.dateFormat('%e %b %Y', this.x) +'<br/>Rating: '+ this.y ;\n\t\t }"));
$ratingsChart->series[] = array('name' => 'Rating', 'color' => '#888888', "lineWidth" => 1, 'data' => $hseries);
/* distribution chart */
$distChart = new Highchart();
$distChart->chart = array('renderTo' => 'chart_d_' . $handle, 'type' => 'column', 'marginRight' => 20, 'marginBottom' => 70, 'width' => 768);
$distChart->credits = array('enabled' => false);
$distChart->title = array('text' => null);
$distChart->yAxis = array('title' => array('text' => null), 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')));
$distChart->xAxis = array('title' => array('text' => null), 'min' => 50, 'labels' => array('rotation' => 90, 'step' => 1, 'formatter' => new HighchartJsExpr("function() {\n\t\t\t\t\t\tvar vm = parseInt(this.value)-50;\n\t\t\t\t\t\tvar vMx = parseInt(this.value)+49;\n\t\t\t\t\t\treturn vm+'-'+vMx;\n\t\t\t\t\t}"), 'y' => 18, 'x' => -4), tickPositioner => new HighchartJsExpr("function () {\n\t\t\t\tvar positions = [],\n\t\t\t\ttick = 50,\n\t\t\t\tincrement = 100;\n\t\t\t\n\t\t\t\tfor (; tick - increment <= this.dataMax; tick += increment) {\n\t\t\t\t\tpositions.push(tick);\n\t\t\t\t}\n\t\t\t\treturn positions;\n\t\t\t}"));
$distChart->legend = array('enabled' => false);
$distChart->tooltip = array('formatter' => new HighchartJsExpr("function() {\n\t\t return this.y + (this.y==1?' Coder':' Coders');\n\t\t }"));
$distChart->series[] = array('name' => 'Distribution', 'color' => '#888888', "lineWidth" => 1, 'data' => $dseries);
$html = "\n\t\t<div class='ratingChart distributionType' id='chart_d_{$handle}'></div>\n\t\t<div class='ratingChart historyType' id='chart_{$handle}'></div>\n\t";
global $dev;
$html .= "\n\t\t\t<script type='text/javascript'>\n\t\t\t\tvar chart_{$handle};\n\t\t\t\tvar chart_d_{$handle};\n\t\t\t\tvar currentDistChart;\n\t\t\t\tvar currentChart;\n\t\t\t\tvar ct = \$.trim(\$('.tabNavHead .isActive').text());\n\t\t\t\t\n\t\t\t\$(document).ready(function(){\n\t\t\t\t" . $ratingsChart->render('chart_' . $handle) . "; \n\t\t\t\tcurrentChart = chart_{$handle};\n\t\t\t\t\t\t\n\t\t\t\t" . $distChart->render('chart_d_' . $handle) . "; \n\t\t\t\tcurrentDistChart = chart_d_" . $handle . ";\n\t\t\t\t\n\t\t\t\t\t\t\n\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\tcurrentDistChart.xAxis[0].addPlotLine({\n\t\t value: " . $dev->rating . ",\n\t\t color: '" . get_point_color($dev->rating) . "',\n\t\t width: 2,\n \t\tlabel : {\n\t\t\t\t\t\t\ttext: '" . $dev->rating . "',\n\t\t\t\t\t\t\tstyle:{'color': '" . get_point_color($dev->rating) . "'}\n\t\t\t\t\t\t}\n\t\t });\n\t\t\t\t})\n\t\t \t\n\t\t\t</script>\n\t\t\t";
return $html;
}
public function testRenderOptionsEncoding()
{
//Check for encoding problems
$chart = new Highchart();
$chart->test->utf8String = "áù anything ü";
$chart->test->iso88591 = iconv("UTF-8", "ISO-8859-1", "áù anything ü");
$result = $chart->renderOptions();
$this->assertEquals('{"test":{"utf8String":"\\u00e1\\u00f9 anything \\u00fc","iso88591":"\\u00e1\\u00f9 anything \\u00fc"}}', $result);
}
<?php
include_once "../../../Highchart.php";
$chart = new Highchart();
$chart->chart->renderTo = "container";
$chart->title->text = "Logarithmic axis demo";
$chart->xAxis->tickInterval = 1;
$chart->yAxis->type = "logarithmic";
$chart->yAxis->minorTickInterval = 0.1;
$chart->tooltip->headerFormat = "<b>{series.name}</b><br />";
$chart->tooltip->pointFormat = "x = {point.x}, y = {point.y}";
$chart->series[] = array('data' => array(1, 2, 4, 8, 16, 32, 64, 128, 256, 512), 'pointStart' => 1);
?>
<html>
<head>
<title>Logarithmic axis</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
foreach ($chart->getScripts() as $script) {
echo '<script type="text/javascript" src="' . $script . '"></script>';
}
?>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
<?php
echo $chart->render("chart1");
?>
</script>
<?php
include_once __DIR__ . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'Highchart.php';
$chart = new Highchart();
$chart->chart = array('renderTo' => 'container', 'type' => 'line', 'marginRight' => 130, 'marginBottom' => 25);
$chart->title = array('text' => 'Monthly Average Temperature', 'x' => -20);
$chart->subtitle = array('text' => 'Source: WorldClimate.com', 'x' => -20);
$chart->xAxis->categories = array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec');
$chart->yAxis = array('title' => array('text' => 'Temperature (°C)'), 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')));
$chart->legend = array('layout' => 'vertical', 'align' => 'right', 'verticalAlign' => 'top', 'x' => -10, 'y' => 100, 'borderWidth' => 0);
$chart->series[] = array('name' => 'Tokyo', 'data' => array(7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6));
$chart->series[] = array('name' => 'New York', 'data' => array(-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5));
$chart->series[] = array('name' => 'Berlin', 'data' => array(-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0));
$chart->series[] = array('name' => 'London', 'data' => array(3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8));
$chart->tooltip->formatter = new HighchartJsExpr("function() { return '<b>'+ this.series.name +'</b><br/>'+ this.x +': '+ this.y +'°C';}");
?>
<html>
<head>
<title>Basic Line</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
$chart->printScripts();
?>
</head>
<body>
<div id="container"></div>
<script type="text/javascript"><?php
echo $chart->render("chart1");
?>
</script>
<?php
include_once __DIR__ . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'Highchart.php';
$chart = new Highchart();
$chart->chart->renderTo = "container";
$chart->chart->type = "column";
$chart->title->text = "Data extracted from a HTML table in the page";
$chart->xAxis = new HighchartOption();
// We need it to be empty to avoid js
// errors
$chart->yAxis->title->text = "Units";
$chart->tooltip->formatter = new HighchartJsExpr("function() {\n return '<b>'+ this.series.name +'</b><br/>'+\n this.y +' '+ this.x.toLowerCase();}");
?>
<html>
<head>
<title>Data defined in a HTML table</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
$chart->printScripts();
?>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
$(document).ready(function() {
Highcharts.visualize = function(table, options) {
// the categories
options.xAxis.categories = [];
$('tbody th', table).each( function(i) {
options.xAxis.categories.push(this.innerHTML);
<?php
include_once __DIR__ . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'Highchart.php';
$chart = new Highchart();
$chart->includeExtraScripts();
$chart->chart->renderTo = 'container';
$chart->chart->polar = true;
$chart->chart->type = 'line';
$chart->title->text = 'Budget vs spending';
$chart->title->x = -80;
$chart->pane->size = '80%';
$chart->pane->endAngle = 360;
$chart->xAxis->categories = array('Sales', 'Marketing', 'Development', 'Customer Support', 'Information Technology', 'Administration');
$chart->xAxis->tickmarkPlacement = 'on';
$chart->xAxis->lineWidth = 0;
$chart->yAxis->gridLineInterpolation = 'polygon';
$chart->yAxis->lineWidth = 0;
$chart->yAxis->min = 0;
$chart->tooltip->shared = true;
$chart->tooltip->pointFormat = '<span style="color:{series.color}">{series.name}: <b>${point.y:,.0f}</b><br/>';
$chart->legend->align = 'right';
$chart->legend->verticalAlign = 'top';
$chart->legend->y = 70;
$chart->legend->layout = 'vertical';
$chart->series = array(array('name' => 'Allocated Budget', 'data' => array(43000, 19000, 60000, 35000, 17000, 10000), 'pointPlacement' => 'on'), array('name' => 'Actual Spending', 'data' => array(50000, 39000, 42000, 31000, 26000, 14000), 'pointPlacement' => 'on'));
?>
<html>
<head>
<title>Spiderweb</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
$masterChart->yAxis->min = 0.6;
$masterChart->yAxis->showFirstLabel = false;
$masterChart->tooltip->formatter = new HighchartJsExpr("function() {\n return false; }");
$masterChart->legend->enabled = false;
$masterChart->credits->enabled = false;
$masterChart->plotOptions->series->fillColor->linearGradient = array(0, 0, 0, 70);
$masterChart->plotOptions->series->fillColor->stops[] = array(0, '#4572A7');
$masterChart->plotOptions->series->fillColor->stops[] = array(1, 'rgba(0,0,0,0)');
$masterChart->plotOptions->series->lineWidth = 1;
$masterChart->plotOptions->series->marker->enabled = false;
$masterChart->plotOptions->series->shadow = false;
$masterChart->plotOptions->series->states->hover->lineWidth = 1;
$masterChart->plotOptions->series->enableMouseTracking = false;
$masterChart->series[] = array('type' => "area", 'name' => "USD to EUR", 'pointInterval' => 24 * 3600 * 1000, 'pointStart' => new HighchartJsExpr("Date.UTC(2006, 0, 01)"), 'data' => new HighchartJsExpr("data"));
$masterChart->exporting->enabled = false;
$detailChart = new Highchart();
$detailChart->chart->marginBottom = 120;
$detailChart->chart->renderTo = "detail-container";
$detailChart->chart->reflow = false;
$detailChart->chart->marginLeft = 50;
$detailChart->chart->marginRight = 20;
$detailChart->chart->style->position = "absolute";
$detailChart->credits->enabled = false;
$detailChart->title->text = "Historical USD to EUR Exchange Rate";
$detailChart->subtitle->text = "Select an area by dragging across the lower chart";
$detailChart->xAxis->type = "datetime";
$detailChart->yAxis->title->text = null;
$detailChart->yAxis->maxZoom = 0.1;
$chart->tooltip->formatter = new HighchartJsExpr("function() {\n var point = this.points[0];\n return '<b>'+ point.series.name +'</b><br/>'+\n Highcharts.dateFormat('%A %B %e %Y', this.x) + ':<br/>'+\n '1 USD = '+ Highcharts.numberFormat(point.y, 2) +' EUR'; }");
$detailChart->tooltip->shared = 1;
$detailChart->legend->enabled = false;
function tc_ratings_chart_ds_function($atts, $content = null)
{
extract(shortcode_atts(array("contest" => "", "handle" => ""), $atts));
$url = "http://api.topcoder.com/v2/users/" . $handle . "/statistics/" . $contest;
$args = array('httpversion' => get_option('httpversion'), 'timeout' => get_option('request_timeout'));
$response = wp_remote_get($url, $args);
if (is_wp_error($response) || !isset($response['body'])) {
return "Error";
}
if ($response['response']['code'] == 200) {
$data = json_decode($response['body']);
}
/* rating history data */
$history = $data->History;
// date format is like: 2005.09.07
$hseries = array();
foreach ($history as &$score) {
$date = explode(".", $score->date);
$dateExp = "Date.UTC(" . $date[0] . "," . $date[1] . "," . $date[2] . ")";
$tTipName = "Contest Name:";
$challengeName = $score->challengeName;
if (empty($challengeName)) {
$tTipName = "Contest Id:";
$challengeName = $score->challengeId;
}
array_push($hseries, array('x' => new HighchartJsExpr($dateExp), 'y' => $score->rating, 'name' => $challengeName, 'marker' => array('fillColor' => get_point_color($score->rating), 'radius' => 4, 'lineWidth' => 0, 'lineColor' => '#666')));
}
$maxVal = -1;
$hMax = "";
$count = 0;
foreach ($hseries as &$hVal) {
if ($hVal['y'] > $maxVal) {
$hMax = $count;
$maxVal = $hVal['y'];
}
$count += 1;
}
$hseries[$hMax]['marker']['lineWidth'] = "2";
$hseries[$hMax]['marker']['radius'] = "8";
foreach ($hseries as $key => $row) {
$x[$key] = $row['x'];
}
array_multisort($x, SORT_ASC, $hseries);
/* Distribution data */
$distribution = $data->Distribution;
$dseries = array();
foreach ($distribution as &$point) {
$range = explode("-", $point->range);
// explode($point->range);
$mean = ((int) $range[0] + (int) $range[1]) / 2;
array_push($dseries, array('x' => $mean, 'y' => $point->number == 0 ? null : $point->number, 'color' => get_point_color($mean)));
}
$cdata = array('hseries' => $hseries, 'dseries' => $dseries);
$ratingsChart = new Highchart();
$ratingsChart->chart = array('renderTo' => 'chart_' . $handle, 'type' => 'line', 'marginRight' => 20, 'marginBottom' => 20, 'width' => 768);
$ratingsChart->credits = array('enabled' => false);
$ratingsChart->title = array('text' => null);
$ratingsChart->yAxis = array('title' => array('text' => null), 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')), 'plotBands' => array(array("from" => 0, "to" => 899, "color" => "rgba(153, 153, 153, 0.2)"), array("from" => 900, "to" => 1199, "color" => "rgba(0, 169, 0, 0.2)"), array("from" => 1200, "to" => 1499, "color" => "rgba(102, 102, 255, 0.2)"), array("from" => 1500, "to" => 2199, "color" => "rgba(221, 204, 0, 0.2)"), array("from" => 2200, "to" => 10000, "color" => "rgba(238, 0, 0, 0.2)")));
$ratingsChart->xAxis = array('type' => "datetime", 'title' => array('text' => null), dateTimeLabelFormats => array(year => '%Y'), tickInterval => 24 * 3600 * 1000 * 356);
$ratingsChart->legend = array('enabled' => false);
$ratingsChart->tooltip = array('formatter' => new HighchartJsExpr("function() {\n\t\t return '" . $tTipName . " <b>'+ this.point.name +'</b><br/>Date: '+\n\t\t Highcharts.dateFormat('%e %b %Y', this.x) +'<br/>Rating: '+ this.y ;\n\t\t }"));
$ratingsChart->series[] = array('name' => 'Rating', 'color' => '#888888', "lineWidth" => 1, 'data' => $hseries);
/* distribution chart */
$distChart = new Highchart();
$distChart->chart = array('renderTo' => 'chart_d_' . $handle, 'type' => 'column', 'marginRight' => 20, 'marginBottom' => 70, 'width' => 768);
$distChart->credits = array('enabled' => false);
$distChart->title = array('text' => null);
$distChart->plotOptions = array('series' => array('minPointLength' => 3));
$distChart->yAxis = array('title' => array('text' => null), 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')));
$distChart->xAxis = array('title' => array('text' => null), 'min' => 50, 'labels' => array('rotation' => 90, 'step' => 1, 'formatter' => new HighchartJsExpr("function() {\n\t\t\t\t\t\tvar vm = parseInt(this.value)-50;\n\t\t\t\t\t\tvar vMx = parseInt(this.value)+49;\n\t\t\t\t\t\treturn vm+'-'+vMx;\n\t\t\t\t\t}"), 'y' => 18, 'x' => -4), tickPositioner => new HighchartJsExpr("function () {\n\t\t\t\tvar positions = [],\n\t\t\t\ttick = 50,\n\t\t\t\tincrement = 100;\n\t\t\t\n\t\t\t\tfor (; tick - increment <= this.dataMax; tick += increment) {\n\t\t\t\t\tpositions.push(tick);\n\t\t\t\t}\n\t\t\t\treturn positions;\n\t\t\t}"));
$distChart->legend = array('enabled' => false);
$distChart->tooltip = array('formatter' => new HighchartJsExpr("function() {\n\t\t return this.y + (this.y==1?' Coder':' Coders');\n\t\t }"));
$distChart->series[] = array('name' => 'Rating', 'color' => '#888888', "lineWidth" => 1, 'data' => $dseries);
global $coder;
$html = "\n\t\t<div class='ratingChart distributionType' id='chart_d_{$handle}'></div>\n\t\t<div class='ratingChart historyType' id='chart_{$handle}'></div>\n\t";
$html .= "\n\t\t\t<script type='text/javascript'>\t\n\t\t\t\tvar chart_{$handle};\n\t\t\t\tvar chart_d_{$handle};\n\t\t\t\t\n\n\t\t\t\t\$(document).ready(function(){\n\t\t\t\t" . $ratingsChart->render('chart_' . $handle) . "; var currentChart = chart_" . $handle . ";\n\t\t\t\t" . $distChart->render('chart_d_' . $handle) . "; var currentDistChart = chart_d_" . $handle . ";\n\t\t\t\t\t\t\n\t\t\t\t\t\tcurrentDistChart.xAxis[0].addPlotLine({\n\t\t value: " . $coder->rating . ",\n\t\t color: '" . get_point_color($coder->rating) . "',\n\t\t width: 2,\n \t\tlabel : {\n\t\t\t\t\t\t\ttext: '" . $coder->rating . "',\n\t\t\t\t\t\t\tstyle:{'color': '" . get_point_color($coder->rating) . "'}\n\t\t\t\t\t\t}\n\t\t });\n\t\t\t\t})\n\t\t\t</script>\n\t\t\t";
return $html;
}
<?php
include_once __DIR__ . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'Highchart.php';
$chart = new Highchart();
$chart->includeExtraScripts();
$chart->chart = array('type' => 'gauge', 'alignTicks' => false, 'plotBackgroundColor' => null, 'plotBackgroundImage' => null, 'plotBorderWidth' => 0, 'plotShadow' => false);
$chart->title->text = 'Speedometer with dual axes';
$chart->pane->startAngle = -150;
$chart->pane->endAngle = 150;
$chart->yAxis = array(array('min' => 0, 'max' => 200, 'lineColor' => '#339', 'tickColor' => '#339', 'minorTickColor' => '#339', 'offset' => -25, 'lineWidth' => 2, 'labels' => array('distance' => -20, 'rotation' => 'auto'), 'tickLength' => 5, 'minorTickLength' => 5, 'endOnTick' => 'false'), array('min' => 0, 'max' => 124, 'tickPosition' => 'outside', 'lineColor' => '#933', 'lineWidth' => 2, 'minorTickPosition' => 'outside', 'tickColor' => '#933', 'minorTickColor' => '#933', 'tickLength' => 5, 'minorTickLength' => 5, 'labels' => array('distance' => 12, 'rotation' => 'auto'), 'offset' => -20, 'endOnTick' => 'false'));
$chart->series[] = array('name' => 'Speed', 'data' => array(80), 'dataLabels' => array('formatter' => new HighchartJsExpr("function () {\n var kmh = this.y,\n mph = Math.round(kmh * 0.621);\n return '<span style=\"color:#339\">'+ kmh + ' km/h</span><br/>' +\n '<span style=\"color:#933\">' + mph + ' mph</span>'; }"), 'backgroundColor' => array('linearGradient' => array('x1' => 0, 'y1' => 0, 'x2' => 0, 'y2' => 1), 'stops' => array(array(0, '#DDD'), array(1, '#FFF')))), 'tooltip' => array('valueSuffix' => 'km/h'));
?>
<html>
<head>
<title>Gauge with dual axes</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
$chart->printScripts();
?>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
$('#container').highcharts(<?php
echo $chart->renderOptions();
?>
,
// Add some life
function(chart) {
setInterval(function() {
include_once __DIR__ . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . '..' . DIRECTORY_SEPARATOR . 'Highchart.php';
$chart = new Highchart();
$chart->chart->renderTo = "container";
$chart->chart->type = "pie";
$chart->title->text = "Browser market share, April, 2011";
$chart->yAxis->title->text = "Total percent market share";
$chart->plotOptions->pie->shadow = false;
$chart->tooltip->formatter = new HighchartJsExpr("function() {\n return '<b>'+ this.point.name +'</b>: '+ this.y +' %'; }");
$chart->series[] = array('name' => "Browsers", 'data' => new HighchartJsExpr("browserData"), 'size' => "60%", 'dataLabels' => array('formatter' => new HighchartJsExpr("function() {\n return this.y > 5 ? this.point.name : null; }"), 'color' => 'white', 'distance' => -30));
$chart->series[1]->name = "Versions";
$chart->series[1]->data = new HighchartJsExpr("versionsData");
$chart->series[1]->innerSize = "60%";
$chart->series[1]->dataLabels->formatter = new HighchartJsExpr("function() {\n return this.y > 1 ? '<b>'+ this.point.name +':</b> '+ this.y +'%' : null;}");
// We can also use Highchart library to produce any kind of javascript
// structures
$chartData = new Highchart();
$chartData[0]->y = 55.11;
$chartData[0]->color = new HighchartJsExpr("colors[0]");
$chartData[0]->drilldown->name = "MSIE versions";
$chartData[0]->drilldown->categories = array('MSIE 6.0', 'MSIE 7.0', 'MSIE 8.0', 'MSIE 9.0');
$chartData[0]->drilldown->data = array(10.85, 7.35, 33.06, 2.81);
$chartData[0]->drilldown->color = new HighchartJsExpr("colors[0]");
$chartData[1]->y = 21.63;
$chartData[1]->color = new HighchartJsExpr("colors[1]");
$chartData[1]->drilldown->name = "Firefox versions";
$chartData[1]->drilldown->categories = array('Firefox 2.0', 'Firefox 3.0', 'Firefox 3.5', 'Firefox 3.6', 'Firefox 4.0');
$chartData[1]->drilldown->data = array(0.2, 0.83, 1.58, 13.12, 5.43);
$chartData[1]->drilldown->color = new HighchartJsExpr("colors[1]");
$chartData[2]->y = 11.94;
$chartData[2]->color = new HighchartJsExpr("colors[2]");
$chartData[2]->drilldown->name = "Chrome versions";
<tr>
<td>' . $s['disk name'] . '</td>
<td>' . $s['disk info']['all size'] . '</td>
<td>' . $s['disk info']['free size'] . '</td>
<td>' . $s['disk info']['used size'] . '</td>
</tr>
';
}
echo '</tbody></table><br/>';
break;
case 'rtmp':
echo $stat;
break;
case 'load':
Yii::import('ext.charts.*');
$chart = new Highchart();
$chart->tooltip->formatter = new HighchartJsExpr("function() { return this.y + ' : ' + this.x; }");
$chart->printScripts();
$i = 0;
//print_r($stat);
foreach ($stat as $key => $value) {
if ($key == 'time') {
continue;
}
echo '<div id="container' . $i . '"></div><br/>';
$chart->chart = array('renderTo' => 'container' . $i, 'type' => 'line', 'marginRight' => 130, 'marginBottom' => 50, 'spacingBottom' => 30);
$chart->title = array('text' => $key, 'x' => -20);
$chart->xAxis = array('categories' => $stat['time'], 'offset' => 20);
$chart->yAxis = array('title' => array('text' => Yii::t('admin', 'Value')), 'min' => 0, 'plotLines' => array(array('value' => 0, 'width' => 1, 'color' => '#808080')));
$chart->legend = array('layout' => 'vertical', 'align' => 'right', 'verticalAlign' => 'top', 'x' => -10, 'y' => 100, 'borderWidth' => 0);
$chart->series = array();
function chartDashboard($settings)
{
//Setup analytics
$analytics = getAnalytics();
//Get data
$colors = getColorScheme();
try {
$data = runQuery($analytics, $settings["Account"], $settings["From"], $settings["To"], "ga:pageviews,ga:users", "ga:date");
if (isset($data->ga_error)) {
DoNotCache();
$data = array();
$data[0] = array();
$data[0][0] = 0;
$data[1] = array();
$data[2] = array();
} else {
$data = invertData($data->getRows());
}
} catch (Exception $e) {
return json_encode($e);
}
$att = getAttendanceData($settings["From"], $settings["To"], tryGet("location"));
//Form chart
date_default_timezone_set('UTC');
$start = strtotime($settings["From"]);
$int = 1 * 24 * 60 * 60;
//1 day
$chart = new Highchart('areaspline');
$chart->addPlotOption('fillOpacity', 0.2);
$chart->addSeries($data[1], 'Pageviews', $colors[0]);
$chart->addSeries($data[2], 'Users', $colors[1]);
$chart->addSeries($att, 'Attendance', 'rgba(35,145,35,1)');
if (tryGet('twitter')) {
$chart->addSeries(array(), 'Tweets', 'rgb(80, 171, 241)', array('visible' => false));
}
if (tryGet('fb')) {
$chart->addSeries(array(), 'Facebook Posts', 'rgba(68,97,157, 1)', array('visible' => false));
}
if (tryGet('ig')) {
$chart->addSeries(array(), 'Instagram Images', 'rgba(185,163,140, 1)', array('visible' => false));
}
if (tryGet('ga')) {
$chart->addSeries(array(), 'Anomalies', 'rgba(247,153,28, 1)', array('visible' => false));
}
$chart->addTimestamps($start * 1000, $int * 1000);
//print $chart->toJson();
return $chart->toJson();
}
<?php
include_once "../../../Highchart.php";
$chart = new Highchart();
$chart->chart->renderTo = 'container';
$chart->title->text = 'Daily visits at www.highcharts.com';
$chart->subtitle->text = 'Source: Google Analytics';
$chart->xAxis->type = 'datetime';
$chart->xAxis->tickInterval = 7 * 24 * 3600 * 1000;
$chart->xAxis->tickWidth = 0;
$chart->xAxis->gridLineWidth = 1;
$chart->xAxis->labels->align = 'left';
$chart->xAxis->labels->x = 3;
$chart->xAxis->labels->y = -3;
$leftYaxis = new HighchartOption();
$leftYaxis->title->text = null;
$leftYaxis->labels->align = 'left';
$leftYaxis->labels->x = 3;
$leftYaxis->labels->y = 16;
$leftYaxis->labels->formatter = new HighchartJsExpr("function() { return Highcharts.numberFormat(this.value, 0);}");
$leftYaxis->showFirstLabel = false;
$chart->yAxis[] = $leftYaxis;
$rightYaxis = new HighchartOption();
$rightYaxis->linkedTo = 0;
$rightYaxis->gridLineWidth = 0;
$rightYaxis->opposite = true;
$rightYaxis->title->text = null;
$rightYaxis->labels->align = 'right';
$rightYaxis->labels->x = -3;
$rightYaxis->labels->y = 16;
$rightYaxis->labels->formatter = new HighchartJsExpr("function() { return Highcharts.numberFormat(this.value, 0);}");
/**
* renderChart
*
* display simple text on the web page
*
* @param Highchart $chart number of spaces
* int $id_chart id of the chart in the div to display the content and render it
* @return nothing nothing
*/
function renderChart($chart, $id_chart)
{
foreach ($chart->getScripts() as $script) {
echo '<script type="text/javascript" src="' . $script . '"></script>';
}
echo '<script type="text/javascript">' . $chart->render($id_chart) . '</script>';
}
$srmD1Chart->tooltip->enabled = false;
$srmD1Chart->series[] = array('type' => "pie", 'innerSize' => "90%", 'name' => "Rating", 'data' => array(array('name' => "Division 1", 'color' => "#81bc01", 'y' => $srmD1), array('name' => "null", 'color' => "#eeeeee", 'y' => 100 - $srmD1)));
// donut chart
$srmD2Chart = new Highchart();
$srmD2Chart->credits = array('enabled' => false);
$srmD2Chart->chart = array('renderTo' => 'srmD2Chart', 'type' => 'pie', 'margin' => 0, 'marginRight' => 0, 'marginBottom' => 0, 'width' => 236, 'height' => 164);
$srmD2Chart->plotOptions->pie->dataLabels->enabled = false;
$srmD2Chart->plotOptions->pie->borderWidth = 0;
$srmD2Chart->title->text = null;
$srmD2Chart->yAxis->title->enabled = false;
$srmD2Chart->plotOptions->pie->shadow = false;
$srmD2Chart->plotOptions->pie->states->hover = false;
$srmD2Chart->tooltip->enabled = false;
$srmD2Chart->series[] = array('type' => "pie", 'innerSize' => "90%", 'name' => "Rating", 'data' => array(array('name' => "Division 2", 'color' => "#81bc01", 'y' => $srmD2), array('name' => "null", 'color' => "#eeeeee", 'y' => 100 - $srmD2)));
// donut chart
$srmClnge = new Highchart();
$srmClnge->credits = array('enabled' => false);
$srmClnge->chart = array('renderTo' => 'srmChallenge', 'type' => 'pie', 'margin' => 0, 'marginRight' => 0, 'marginBottom' => 0, 'width' => 236, 'height' => 164);
$srmClnge->plotOptions->pie->dataLabels->enabled = false;
$srmClnge->plotOptions->pie->borderWidth = 0;
$srmClnge->title->text = null;
$srmClnge->yAxis->title->enabled = false;
$srmClnge->plotOptions->pie->shadow = false;
$srmClnge->plotOptions->pie->states->hover = false;
$srmClnge->tooltip->enabled = false;
$srmClnge->series[] = array('type' => "pie", 'innerSize' => "90%", 'name' => "Rating", 'data' => array(array('name' => "Challenge", 'color' => "#ffae00", 'y' => $srmClngeVal), array('name' => "null", 'color' => "#eeeeee", 'y' => 100 - $srmClngeVal)));
}
?>
function open_risk_technology_pie()
{
$chart = new Highchart();
$chart->chart->renderTo = "open_risk_technology_pie";
$chart->chart->plotBackgroundColor = null;
$chart->chart->plotBorderWidth = null;
$chart->chart->plotShadow = false;
$chart->title->text = "Technologies";
$chart->tooltip->formatter = new HighchartJsExpr("function() {\n return '<b>'+ this.point.name +'</b>: '+ this.point.y; }");
$chart->plotOptions->pie->allowPointSelect = 1;
$chart->plotOptions->pie->cursor = "pointer";
$chart->plotOptions->pie->dataLabels->enabled = false;
$chart->plotOptions->pie->showInLegend = 1;
$chart->credits->enabled = false;
// Open the database connection
$db = db_open();
// Query the database
$stmt = $db->prepare("SELECT b.name, COUNT(*) AS num FROM `risks` a INNER JOIN `technology` b ON a.technology = b.value GROUP BY b.name ORDER BY COUNT(*) DESC");
$stmt->execute();
// Store the list in the array
$array = $stmt->fetchAll();
// Close the database connection
db_close($db);
// Create the data array
foreach ($array as $row) {
$data[] = array($row['name'], (int) $row['num']);
}
$chart->series[] = array('type' => "pie", 'name' => "Status", 'data' => $data);
echo "<div id=\"open_risk_technology_pie\"></div>\n";
echo "<script type=\"text/javascript\">";
echo $chart->render("open_risk_technology_pie");
echo "</script>\n";
}
