コード例 #1
0
ファイル: remote-data-binding.php プロジェクト: neevan1e/Done
    $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;
    }
    .chart-wrapper .k-tooltip {
        text-align: left;
    }
</style>
<?php 
require_once '../include/footer.php';
コード例 #2
0
ファイル: 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';
コード例 #3
0
ファイル: date-axis.php プロジェクト: neevan1e/Done
<?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->type('column')->aggregate('avg')->field('value')->categoryField('date');
$categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem();
$categoryAxis->type('date')->baseUnit("weeks");
$dataSource = new \Kendo\Data\DataSource();
$dataSource->data(chart_date_points());
$chart = new \Kendo\Dataviz\UI\Chart('chart');
$chart->dataSource($dataSource)->addSeriesItem($series)->addCategoryAxisItem($categoryAxis);
echo $chart->render();
?>
<div class="configuration-horizontal">
    <div class="config-section">
        <span class="configHead">Base date unit</span>
        <ul class="options">
            <li>
                <input id="baseUnitAuto" name="baseUnit"
                        type="radio" value="" autocomplete="off" />
                <label for="baseUnitAuto">Automatic (default)</label>
            </li>
            <li>
                <input id="baseUnitYears" name="baseUnit"
                        type="radio" value="years" autocomplete="off" />
                <label for="baseUnitYears">Years</label>
            </li>
            <li>
                <input id="baseUnitMonths" name="baseUnit"
コード例 #4
0
ファイル: 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';