<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $maxTemperature = new \Kendo\Dataviz\UI\ChartSeriesItem(); $maxTemperature->type('line')->data(array(6, 10, 10, 10, 10, 9, 5, 5, 10, 8, 8, 5, 8, 11, 9, 15, 20, 23, 24, 21, 21, 20, 22, 22, 20, 18, 16, 15, 20, 13.2, 18))->name('Max. Temperature [°C]')->color('#ff1c1c')->axis('temp'); $minTemperature = new \Kendo\Dataviz\UI\ChartSeriesItem(); $minTemperature->type('line')->data(array(-5, -6, 0, -4, -3, -5.2, -5, -1.7, -1, 0, -0.4, -2, -2, -5, 4, -2, -4, -1, -1, 2, 4, -1, 1, 1, 4, 0, -1, 1, -2, 5.7, 5))->name('Min. Temperature [°C]')->color('#ffae00')->axis('temp'); $windSpeed = new \Kendo\Dataviz\UI\ChartSeriesItem(); $windSpeed->type('area')->data(array(16.4, 21.7, 35.4, 19, 10.9, 13.6, 10.9, 10.9, 10.9, 16.4, 16.4, 13.6, 13.6, 29.9, 27.1, 16.4, 13.6, 10.9, 16.4, 10.9, 24.5, 10.9, 8.1, 19, 21.7, 27.1, 24.5, 16.4, 27.1, 29.9, 27.1))->name('Wind Speed [km/h]')->color('#73c100')->axis('wind'); $rainfall = new \Kendo\Dataviz\UI\ChartSeriesItem(); $rainfall->type('area')->data(array(5.4, 2, 5.4, 3, 2, 1, 3.2, 7.4, 0, 8.199999999999999, 0, 1.8, 0.3, 0, 0, 2.3, 0, 3.7, 5.2, 6.5, 0, 7.1, 0, 4.7, 0, 1.8, 0, 0, 0, 1.5, 0.8))->name('Rainfall [mm]')->color('#007eff')->axis('rain'); $rainValueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $rainValueAxis->name('rain')->color('#007eff')->min(0)->max(60); $windValueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $windValueAxis->name('wind')->color('#73c100')->min(0)->max(60); $tempValueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $tempValueAxis->name('temp')->min(-30)->max(30); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array('1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'))->axisCrossingValue(array(32, 32, 0))->justified(true); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{0}')->template('#= category #/03: #= value #'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'March Weather Report'))->legend(array('position' => 'bottom'))->addSeriesItem($maxTemperature, $minTemperature, $windSpeed, $rainfall)->addValueAxisItem($rainValueAxis, $windValueAxis, $tempValueAxis)->addCategoryAxisItem($categoryAxis)->tooltip($tooltip)->seriesDefaults(array('type' => 'line')); 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('line')->field('close')->name('#= group.value # (close)'); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => '${0}', 'skip' => 2, 'step' => 2)); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->field('date')->labels(array('format' => 'MMM')); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{0}%')->template('#= series.name # - #= value #%'); $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)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->seriesDefaults(array('type' => 'area'))->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_spain_electricity_production(); echo json_encode($result); exit; } require_once '../include/header.php'; $nuclear = new \Kendo\Dataviz\UI\ChartSeriesItem(); $nuclear->field('nuclear')->name('Nuclear'); $hydro = new \Kendo\Dataviz\UI\ChartSeriesItem(); $hydro->field('hydro')->name('Hydro'); $wind = new \Kendo\Dataviz\UI\ChartSeriesItem(); $wind->field('wind')->name('Wind'); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => 'N0'))->line(array('visible' => false))->majorUnit(10000); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->field('year')->labels(array('rotation' => -90))->crosshair(array('visible' => true)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('N0')->shared(true); $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)->addSortItem(array('field' => 'year', 'dir' => 'asc')); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Spain electricity production (GWh)'))->dataSource($dataSource)->legend(array('position' => 'top'))->addSeriesItem($nuclear, $hydro, $wind)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->seriesDefaults(array('type' => 'line'))->tooltip($tooltip); echo $chart->render(); require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/chart_data.php'; require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->field('value')->colorField('userColor'); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->max(28)->majorGridLines(array('visible' => false))->visible(false); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->field('day')->majorGridLines(array('visible' => false))->line(array('visible' => false)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{0}%')->template('#= category # - #= value #%'); $dataSource = new \Kendo\Data\DataSource(); $dataSource->data(chart_blog_comments()); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('align' => 'left', 'text' => 'Comments per day'))->dataSource($dataSource)->legend(array('visible' => false))->addSeriesItem($series)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->seriesDefaults(array('type' => 'column', 'labels' => array('visible' => true, 'background' => 'transparent')))->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_april_sales(); echo json_encode($result); exit; } require_once '../include/header.php'; $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->type('verticalBullet')->currentField('current')->targetField('target')->gap(4)->target(array('color' => '#aaaaaa')); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->shared(true)->template('Target: #= value.target # items<br /> Actual: #= value.current # items'); $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); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->min(2000)->max(11000)->majorGridLines(array('visible' => false))->minorTicks(array('' => true))->addPlotBand(array('from' => 1000, 'to' => 3000, 'color' => '#aaaaaa', 'opacity' => 0.55), array('from' => 3000, 'to' => 5000, 'color' => '#aaaaaa', 'opacity' => 0.4), array('from' => 5000, 'to' => 8000, 'color' => '#aaaaaa', 'opacity' => 0.25), array('from' => 8000, 'to' => 11000, 'color' => '#aaaaaa', 'opacity' => 0.1)); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->majorGridLines(array('visible' => false))->field('category'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->dataSource($dataSource)->legend(array('visible' => false))->addSeriesItem($series)->addCategoryAxisItem($categoryAxis)->addValueAxisItem($valueAxis)->tooltip($tooltip); echo $chart->render(); ?> <style> .chart-wrapper { padding-top: 20px; }
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $total = new \Kendo\Dataviz\UI\ChartSeriesItem(); $total->name('Total Visits')->data(array(56000, 63000, 74000, 91000, 117000, 138000)); $unique = new \Kendo\Dataviz\UI\ChartSeriesItem(); $unique->name('Unique visitors')->data(array(52000, 34000, 23000, 48000, 67000, 83000)); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->line(array('visible' => false)); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array('Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'))->majorGridLines(array('visible' => false)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->template('#= series.name #: #= value #'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->addSeriesItem($total, $unique)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('position' => 'bottom'))->seriesDefaults(array('type' => 'column'))->chartArea(array('background' => 'transparent'))->title(array('text' => 'Site Visitors Stats /thousands/'))->tooltip($tooltip); echo $chart->render(); ?> <div class="configuration-horizontal"> <div class="config-section"> <span class="configHead">Gap</span> <ul class="options"> <li> <input id="gap" type="number" value="1.5" step="0.1" style="width: 60px;" /> <button id="getGap" class="k-button">Set gap</button </li> </ul> </div> <div class="config-section"> <span class="configHead">Spacing</span> <ul class="options">
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $data = array(1, 1); for ($i = 2; $i < 39; $i++) { $data[] = $data[$i - 1] + $data[$i - 2]; } $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->data($data); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->type('log')->minorGridLines(array('visible' => true)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->addSeriesItem($series)->addValueAxisItem($valueAxis)->title(array('text' => 'Fibonacci sequence'))->tooltip($tooltip); echo $chart->render(); ?> <?php require_once '../include/footer.php';
$female2039 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $female2039->name('20-39')->stack('Female')->data(array(490550, 555695, 627763, 718568, 810169, 883051, 942151, 1001395, 1058439)); $female4064 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $female4064->name('40-64')->stack('Female')->data(array(379788, 411217, 447201, 484739, 395533, 435485, 499861, 569114, 655066)); $female6579 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $female6579->name('65-79')->stack('Female')->data(array(97894, 113287, 128808, 137459, 152171, 170262, 191015, 210767, 226956)); $female80 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $female80->name('80+')->stack('Female')->data(array(16358, 18576, 24586, 30352, 36724, 42939, 46413, 54984, 66029)); $male019 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $male019->name('0-19')->stack('Male')->data(array(900268, 972205, 1031421, 1094547, 1155600, 1202766, 1244870, 1263637, 1268165)); $male2039 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $male2039->name('20-39')->stack('Male')->data(array(509133, 579487, 655494, 749511, 844496, 916479, 973694, 1036548, 1099507)); $male4064 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $male4064->name('40-64')->stack('Male')->data(array(364179, 401396, 440844, 479798, 390590, 430666, 495030, 564169, 646563)); $male6579 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $male6579->name('65-79')->stack('Male')->data(array(74208, 86516, 98956, 107352, 120614, 138868, 158387, 177078, 192156)); $male80 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $male80->name('80+')->stack('Male')->data(array(9187, 10752, 13007, 15983, 19442, 23020, 25868, 31462, 39223)); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('template' => "#= kendo.format('{0:N0}', value / 1000) # M"))->line(array('visible' => false)); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array(1970, 1975, 1980, 1985, 1990, 1995, 2000, 2005, 2010))->majorGridLines(array('visible' => false)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->template('#= series.stack #s, age #= series.name #'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'World population by age group and sex'))->legend(array('visible' => false))->addSeriesItem($female019, $female2039, $female4064, $female6579, $female80, $male019, $male2039, $male4064, $male6579, $male80)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->tooltip($tooltip)->seriesColors(array('#cd1533', '#d43851', '#dc5c71', '#e47f8f', '#eba1ad', '#009bd7', '#26aadd', '#4db9e3', '#73c8e9', '#99d7ef'))->seriesDefaults(array('type' => 'column')); echo $chart->render(); ?> <?php require_once '../include/footer.php';
echo json_encode($result); exit; } require_once '../include/header.php'; $nuclear = new \Kendo\Dataviz\UI\ChartSeriesItem(); $nuclear->field('nuclear')->name('Nuclear'); $hydro = new \Kendo\Dataviz\UI\ChartSeriesItem(); $hydro->field('hydro')->name('Hydro'); $wind = new \Kendo\Dataviz\UI\ChartSeriesItem(); $wind->field('wind')->name('Wind'); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => 'N0'))->line(array('visible' => false))->majorUnit(10000); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->field('year')->labels(array('rotation' => -90)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('N0'); $transport = new \Kendo\Data\DataSourceTransport(); $transport->read(array('url' => 'events.php', 'type' => 'POST', 'dataType' => 'json')); $dataSource = new \Kendo\Data\DataSource(); $dataSource->transport($transport)->addSortItem(array('field' => 'year', 'dir' => 'asc')); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Spain electricity production (GWh)'))->dataSource($dataSource)->legend(array('position' => 'top'))->addSeriesItem($nuclear, $hydro, $wind)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->seriesDefaults(array('type' => 'column'))->tooltip($tooltip)->seriesClick('onSeriesClick')->seriesHover('onSeriesHover')->dataBound('onDataBound')->axisLabelClick('onAxisLabelClick')->plotAreaClick('onPlotAreaClick')->dragStart('onDragStart')->drag('onDrag')->dragEnd('onDragEnd')->zoomStart('onZoomStart')->zoom('onZoom')->zoomEnd('onZoomEnd'); echo $chart->render(); ?> <div class="demo-section"> <h3 class="title">Console log</h3> <div class="console"></div> </div> <script> function onSeriesClick(e) {
<?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'; $mv2007 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $mv2007->name('Market value as of 2007')->data(array(116, 165, 215, 75, 100, 49, 80, 116, 108, 90, 67, 76, 91, 255, 120)); $mv2009 = new \Kendo\Dataviz\UI\ChartSeriesItem(); $mv2009->name('Market value as of 2009')->data(array(64, 85, 97, 27, 16, 26, 35, 32, 26, 17, 10, 7, 19, 5)); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array("Santander", "JP Morgan", "HSBC", "Credit Suisse", "Goldman Sachs", "Morgan Stanley", "Societe Generale", "UBS", "BNP Paribas", "Unicredit", "Credit Agricole", "Deutsche Bank", "Barclays", "Citigroup", "RBS")); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => '${0}')); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('${0} bln'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Market Value of Major Banks'))->legend(array('position' => 'bottom'))->seriesDefaults(array('type' => 'radarLine', 'style' => 'smooth'))->addSeriesItem($mv2007, $mv2009)->addCategoryAxisItem($categoryAxis)->addValueAxisItem($valueAxis)->tooltip($tooltip); echo $chart->render(); require_once '../include/footer.php';
$dataSource = new \Kendo\Data\DataSource(); $dataSource->data(hPa_data()); $plotband1 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband1->from(955)->to(1002)->color('#8ebc00')->opacity(0.6); $plotband2 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband2->from(1002)->to(1027)->color('#8ebc00')->opacity(0.8); $plotband3 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband3->from(1027)->to(1050)->color('#8ebc00')->opacity(0.6); $plotband4 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband4->from(1014)->to(1014.5)->color('#ff0000')->opacity(1); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->min(955)->max(1050)->majorGridLines(array('visible' => false))->minorTicks(array('visible' => true))->addPlotBand($plotband1, $plotband2, $plotband3, $plotband4); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->majorGridLines(array('visible' => false))->majorTicks(array('visible' => false))->axisCrossingValue(14)->field('category')->title(array('text' => 'hPa')); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->shared(true)->template('Maximum: #= value.target # <br /> Average: #= value.current #'); $chart_hPa = new \Kendo\Dataviz\UI\Chart('chart-hPa'); $chart_hPa->addSeriesItem($hPa)->dataSource($dataSource)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('visible' => false))->chartArea(array('margin' => array('left' => 0)))->tooltip($tooltip); echo $chart_hPa->render(); ?> </div> <style> .chart-wrapper { padding-top: 20px; } .chart-wrapper .k-chart { width: 325px; margin: 0 10px; display: inline-block; }
<?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'; $errorBars = new \Kendo\Dataviz\UI\ChartSeriesItemErrorBars(); $errorBars->value('stderr'); $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->data(array(4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3))->errorBars($errorBars); $labelsPadding = new \Kendo\Dataviz\UI\ChartCategoryAxisItemLabelsPadding(); $labelsPadding->top(175); $categoryAxisLabels = new \Kendo\Dataviz\UI\ChartCategoryAxisItemLabels(); $categoryAxisLabels->padding($labelsPadding); $cateogrySeriesAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $cateogrySeriesAxis->line(array('visible' => false))->categories(array(2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011))->labels($categoryAxisLabels); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => '{0}%'))->line(array('visible' => false))->axisCrossingValue(0); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{0}%'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Gross domestic product growth and standard error'))->legend(array('visible' => false))->addSeriesItem($series)->addValueAxisItem($valueAxis)->addCategoryAxisItem($cateogrySeriesAxis)->tooltip($tooltip)->seriesDefaults(array('type' => 'column')); echo $chart->render(); ?> <?php require_once '../include/footer.php';
<?php require_once '../lib/Kendo/Autoload.php'; require_once '../include/header.php'; $errorBars = new \Kendo\Dataviz\UI\ChartSeriesItemErrorBars(); $errorBars->value('stddev'); $series = new \Kendo\Dataviz\UI\ChartSeriesItem(); $series->data(array(7.943, 7.848, 9.284000000000001, 9.263, 9.801, 3.89, 8.238, 9.552))->errorBars($errorBars); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->labels(array('format' => '{0}%'))->line(array('visible' => false))->axisCrossingValue(0); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array(2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010))->line(array('visible' => false)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->format('{0}%')->template('#= value # (σ = #= kendo.toString(high - low, "N2") #)'); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'GDP growth and standard deviation'))->legend(array('visible' => false))->addSeriesItem($series)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->tooltip($tooltip)->seriesDefaults(array('type' => 'area')); echo $chart->render(); require_once '../include/footer.php';