Example #1
0
<?php

require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
$signal = new \Kendo\Dataviz\UI\ChartSeriesItem();
$signal->type('area')->data(array(20, 1, 18, 3, 15, 5, 10, 6, 9, 6, 10, 5, 13, 3, 16, 1, 19, 1, 20, 2, 18, 5, 12, 7, 10, 8))->line(array('style' => 'smooth'));
$categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem();
$categoryAxis->title(array('text' => 'time'))->majorGridLines(array('visible' => false))->majorTicks(array('visible' => false));
$valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem();
$valueAxis->max(22)->title(array('text' => 'voltage'))->majorGridLines(array('visible' => false))->visible(false);
$chart = new \Kendo\Dataviz\UI\Chart('chart');
$chart->title(array('text' => 'A digital signal'))->legend(array('visible' => false))->addSeriesItem($signal)->addCategoryAxisItem($categoryAxis)->addValueAxisItem($valueAxis);
echo $chart->render();
require_once '../include/footer.php';
Example #2
0
<?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';
Example #3
0
<?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->max(140000)->line(array('visible' => false))->minorGridLines(array('visible' => true));
$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('visible' => false))->seriesDefaults(array('type' => 'bar'))->title(array('text' => 'Site Visitors Stats /thousands/'))->chartArea(array('background' => 'transparent'))->tooltip($tooltip);
echo $chart->render();
?>

<style type="text/css">
    #chart {
        background: center no-repeat url('../content/shared/styles/world-map.png');
    }
</style>
<?php 
require_once '../include/footer.php';