<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/chart_data.php'; require_once '../include/header.php'; $dataSource = new \Kendo\Data\DataSource(); $dataSource->data(chart_sun_position()); $position = new \Kendo\Dataviz\UI\ChartSeriesItem(); $position->type('polarLine')->xField('azimuth')->yField('altitude')->labels(array('template' => '#= dataItem.time.substring(0,2) #h', 'position' => 'below', 'visible' => true)); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->startAngle(-90)->majorUnit(30); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->labels(array('visible' => false)); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Sun position at equinox'))->dataSource($dataSource)->addSeriesItem($position)->addXAxisItem($xAxis)->addYAxisItem($yAxis); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $series2008 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series2008->name('January 2008')->data(array(array(16.4, 5.4), array(21.7, 2), array(25.4, 3), array(19, 2), array(10.9, 1), array(13.6, 3.2), array(10.9, 7.4), array(10.9, 0), array(10.9, 8.199999999999999), array(16.4, 0), array(16.4, 1.8), array(13.6, 0.3), array(13.6, 0), array(29.9, 0), array(27.1, 2.3), array(16.4, 0), array(13.6, 3.7), array(10.9, 5.2), array(16.4, 6.5), array(10.9, 0), array(24.5, 7.1), array(10.9, 0), array(8.1, 4.7), array(19, 0), array(21.7, 1.8), array(27.1, 0), array(24.5, 0), array(27.1, 0), array(29.9, 1.5), array(27.1, 0.8), array(22.1, 2))); $series2009 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series2009->name('January 2009')->data(array(array(6.4, 13.4), array(1.7, 11), array(5.4, 8), array(9, 17), array(1.9, 4), array(3.6, 12.2), array(1.9, 14.4), array(1.9, 9), array(1.9, 13.2), array(1.4, 7), array(6.4, 8.800000000000001), array(3.6, 4.3), array(1.6, 10), array(9.9, 2), array(7.1, 15), array(1.4, 0), array(3.6, 13.7), array(1.9, 15.2), array(6.4, 16.5), array(0.9, 10), array(4.5, 17.1), array(10.9, 10), array(0.1, 14.7), array(9, 10), array(2.7, 11.8), array(2.1, 10), array(2.5, 10), array(27.1, 10), array(2.9, 11.5), array(7.1, 10.8), array(2.1, 12))); $series2010 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series2010->name('January 2010')->data(array(array(21.7, 3), array(13.6, 3.5), array(13.6, 3), array(29.9, 3), array(21.7, 20), array(19, 2), array(10.9, 3), array(28, 4), array(27.1, 0.3), array(16.4, 4), array(13.6, 0), array(19, 5), array(16.4, 3), array(24.5, 3), array(32.6, 3), array(27.1, 4), array(13.6, 6), array(13.6, 8), array(13.6, 5), array(10.9, 4), array(16.4, 0), array(32.6, 10.3), array(21.7, 20.8), array(24.5, 0.8), array(16.4, 0), array(21.7, 6.9), array(13.6, 7.7), array(16.4, 0), array(8.1, 0), array(16.4, 0), array(16.4, 0))); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->max(35)->title(array('text' => 'Wind Speed [km/h]'))->crosshair(array('visible' => true, 'tooltip' => array('visible' => true, 'format' => 'n1'))); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->min(-5)->max(25)->title(array('text' => 'Rainfall [mm]'))->axisCrossingValue(-5)->crosshair(array('visible' => true, 'tooltip' => array('visible' => true, 'format' => 'n1'))); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Rainfall - Wind Speed'))->legend(array('position' => 'bottom'))->seriesDefaults(array('type' => 'scatter'))->addXAxisItem($xAxis)->addYAxisItem($yAxis)->addSeriesItem($series2008, $series2009, $series2010); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $series08c = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series08c->name('0.8C')->data(array(array(10, 10), array(15, 20), array(20, 25), array(32, 15), array(43, 50), array(55, 30), array(60, 70), array(70, 50), array(90, 100))); $series16c = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series16c->name('1.6C')->data(array(array(10, 40), array(17, 50), array(22, 70), array(35, 60), array(47, 95), array(60, 100))); $series31c = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series31c->name('1.6C')->data(array(array(10, 70), array(13, 90), array(25, 100))); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->max(90)->labels(array('format' => '{0}m'))->title(array('text' => 'Time')); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->max(100)->labels(array('format' => '{0}%'))->title(array('text' => 'Charge')); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Charge current vs. charge time'))->legend(array('visible' => true))->seriesDefaults(array('type' => 'scatterLine', 'style' => 'smooth'))->addXAxisItem($xAxis)->addYAxisItem($yAxis)->addSeriesItem($series08c, $series16c, $series31c)->tooltip(array('visible' => true, 'format' => '{1}% in {0} minutes')); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $ft3 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $ft3->data(array(array(150, 3), array(150, 3.1), array(152, 3.2), array(152, 3.1), array(151, 3.2), array(153, 3.3), array(149, 3))); $ft7 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $ft7->data(array(array(270, 5), array(250, 7), array(259, 4), array(270, 7), array(265, 5), array(250, 7), array(263, 8), array(261, 5))); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->visible(false)->max(10); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Buck spread'))->legend(array('position' => 'bottom'))->seriesDefaults(array('type' => 'polarScatter'))->addSeriesItem($ft3, $ft7)->addYAxisItem($yAxis); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/chart_data.php'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { header('Content-Type: application/json'); $result = chart_crime_stats(); echo json_encode($result); exit; } require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->type('bubble')->xField('murder')->yField('burglary')->sizeField('population')->categoryField('state'); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{3}: Population {2:N0}'); $transport = new \Kendo\Data\DataSourceTransport(); $transport->read(array('url' => 'remote-data-binding.php', 'type' => 'POST', 'dataType' => 'json')); $dataSource = new \Kendo\Data\DataSource(); $dataSource->transport($transport); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->labels(array('format' => '{0:N0}'))->title(array('text' => 'Murders per 100,000 population')); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->labels(array('format' => '{0:N0}'))->title(array('text' => 'Bulgraries per 100,000 population')); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->dataSource($dataSource)->legend(array('visible' => false))->addSeriesItem($series)->addXAxisItem($xAxis)->addYAxisItem($yAxis)->tooltip($tooltip); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->type('bubble')->data(array(array('x' => -2500, 'y' => 50000, 'size' => 500000, 'category' => 'Microsoft'), array('x' => 500, 'y' => 110000, 'size' => 7600000, 'category' => 'Starbucks'), array('x' => 7000, 'y' => 19000, 'size' => 700000, 'category' => 'Google'), array('x' => 1400, 'y' => 150000, 'size' => 700000, 'category' => 'Publix Super Markets'), array('x' => 2400, 'y' => 30000, 'size' => 300000, 'category' => 'PricewaterhouseCoopers'), array('x' => 2450, 'y' => 34000, 'size' => 90000, 'category' => 'Cisco'), array('x' => 2700, 'y' => 34000, 'size' => 400000, 'category' => 'Accenture'), array('x' => 2900, 'y' => 40000, 'size' => 450000, 'category' => 'Deloitte'), array('x' => 3000, 'y' => 55000, 'size' => 900000, 'category' => 'Whole Foods Market'))); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->labels(array('format' => '{0:N0}', 'skip' => 1))->axisCrossingValue(-5000)->majorUnit(2000)->addPlotBand(array('from' => -5000, 'to' => 0, 'color' => '#00f', 'opacity' => 0.05)); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->labels(array('format' => '{0:N0}'))->line(array('width' => 0)); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Job Growth for 2011'))->legend(array('visible' => false))->addXAxisItem($xAxis)->addYAxisItem($yAxis)->tooltip(array('visible' => true, 'format' => '{3}: {2:N0} applications', 'opacity' => 1))->addSeriesItem($series); ?> <div class="chart-wrapper"> <?php echo $chart->render(); ?> <ul class="k-content"> <li>Circle size shows number of job applicants</li> <li>Vertical position shows number of employees</li> <li>Horizontal position shows job growth</li> </ul> </div> <style scoped> .chart-wrapper { position: relative; } .chart-wrapper ul { font-size: 11px;
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/chart_data.php'; if ($_SERVER['REQUEST_METHOD'] == 'POST') { header('Content-Type: application/json'); $result = chart_stock_prices(); echo json_encode($result); exit; } require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->type('scatterLine')->xField('date')->yField('close')->name('#= group.value # (close)'); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->labels(array('format' => 'MMM')); $yAxis = new \Kendo\Dataviz\UI\ChartYAxisItem(); $yAxis->labels(array('format' => '${0}', 'skip' => 2, 'step' => 2)); $model = new \Kendo\Data\DataSourceSchemaModel(); $model->addField(array('field' => 'date', 'type' => 'date')); $schema = new \Kendo\Data\DataSourceSchema(); $schema->model($model); $transport = new \Kendo\Data\DataSourceTransport(); $transport->read(array('url' => 'grouped-data.php', 'type' => 'POST', 'dataType' => 'json')); $dataSource = new \Kendo\Data\DataSource(); $dataSource->transport($transport)->schema($schema)->addGroupItem(array('field' => 'symbol'))->addSortItem(array('field' => 'date', 'dir' => 'asc')); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Stock Prices'))->dataSource($dataSource)->legend(array('position' => 'bottom'))->addSeriesItem($series)->addXAxisItem($xAxis)->addYAxisItem($yAxis); echo $chart->render(); require_once '../include/footer.php';