<?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_japan_medals(); echo json_encode($result); exit; } require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->type('bubble')->minSize(0)->maxSize(70)->xField('year')->yField('standing')->sizeField('number')->colorField('medalColor')->opacity(0.9); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->template('#= value.x #: #= value.size # Medals'); $transport = new \Kendo\Data\DataSourceTransport(); $transport->read(array('url' => 'grouped-data.php', 'type' => 'POST', 'dataType' => 'json')); $dataSource = new \Kendo\Data\DataSource(); $dataSource->transport($transport)->addGroupItem(array('field' => 'country')); $xAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $xAxis->labels(array('skip' => 1, 'margin' => array('top' => -25)))->majorUnit(4)->min(1980)->max(2015)->majorGridLines(array('visible' => false))->line(array('visible' => false)); $yAxis = new \Kendo\Dataviz\UI\ChartXAxisItem(); $yAxis->labels(array('step' => 1, 'skip' => 1, 'template' => '#= value # place', 'margin' => array('right' => -30), 'padding' => array('left' => 20)))->majorUnit(1)->min(0)->max(3.7)->majorGridLines(array('visible' => false))->line(array('visible' => false)); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->dataSource($dataSource)->title(array('text', 'Olypmic Medals Won by Japan'))->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_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/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';