PHP Kendo\Dataviz\UI\ChartXAxisItem::labels примеры использования

Пример #1

Файл: grouped-data.php Проект: neevan1e/Done

<?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';

Пример #2

Файл: index.php Проект: neevan1e/Done

<?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;

Пример #3

Файл: remote-data-binding.php Проект: neevan1e/Done

<?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';

Пример #4

Файл: grouped-data.php Проект: neevan1e/Done

<?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';