<?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/header.php'; $battery = new \Kendo\Dataviz\UI\ChartSeriesItem(); $battery->type('column')->data(array(20, 40, 45, 30, 50))->stack(true)->name('on battery')->color('#cc6e38'); $gas = new \Kendo\Dataviz\UI\ChartSeriesItem(); $gas->type('column')->data(array(20, 30, 35, 35, 40))->stack(true)->name('on gas')->color('#ef955f'); $mpg = new \Kendo\Dataviz\UI\ChartSeriesItem(); $mpg->type('line')->data(array(30, 38, 40, 32, 42))->name('mpg')->color('#ec5e0a')->axis('mpg'); $l100km = new \Kendo\Dataviz\UI\ChartSeriesItem(); $l100km->type('line')->data(array(7.8, 6.2, 5.9, 7.4, 5.6))->name('l/100 km')->color('#4e4141')->axis('l100km'); $milesAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $milesAxis->title(array('text' => 'miles'))->min(0)->max(100); $kmAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $kmAxis->name('km')->title(array('text' => 'km'))->min(0)->max(161)->majorUnit(32); $mpgAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $mpgAxis->name('mpg')->title(array('text' => 'miles per gallo'))->color('#642381'); $l100kmAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $l100kmAxis->name('l100km')->title(array('text' => 'liters per 100km'))->color('#e5388a'); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->categories(array('Mon', 'Tue', 'Wed', 'Thu', 'Fri'))->axisCrossingValue(array(0, 0, 10, 10)); $chart = new \Kendo\Dataviz\UI\Chart('chart'); $chart->title(array('text' => 'Hybrid car mileage report'))->legend(array('position' => 'top'))->addSeriesItem($battery, $gas, $mpg, $l100km)->addValueAxisItem($milesAxis, $kmAxis, $mpgAxis, $l100kmAxis)->addCategoryAxisItem($categoryAxis); echo $chart->render(); require_once '../include/footer.php';