</td>
<td class="hourly">
<?php
$valueAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
$valueAxis->max(50);
$sparkline = new \Kendo\Dataviz\UI\Sparkline("bar-hourly-{$i}");
$sparkline->type('bar')->renderAs('canvas')->data($row['hourly'])->addValueAxisItem($valueAxis)->attr('style', 'width: 130px');
echo $sparkline->render();
?>
</td>
<td class="change">
<?php
$series = new \Kendo\Dataviz\UI\SparklineSeriesItem();
$series->type('bar')->data(array($row['change']))->negativeColor('#808080');
$valueAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
$valueAxis->min(-40);
$valueAxis->max(40);
$categoryAxis = new \Kendo\Dataviz\UI\SparklineCategoryAxisItem();
$categoryAxis->visible(true);
$categoryAxis->majorTicks(array('visible' => false));
$chartArea = new \Kendo\Dataviz\UI\SparklineChartArea();
$chartArea->background('transparent');
$sparkline = new \Kendo\Dataviz\UI\Sparkline("bar-change-{$i}");
$sparkline->renderAs('canvas')->addSeriesItem($series)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->chartArea($chartArea)->attr('style', 'width: 130px');
echo $sparkline->render();
?>
</td>
<td class="direct">
<?php
$valueAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
$valueAxis->max(50);
</table>
</div>
<div class="temperature">
<h1>
Temperature control
</h1>
<div class="stats">
<?php
$lowRange = new \Kendo\Dataviz\UI\SparklineValueAxisItemPlotBand();
$lowRange->from(0)->to(15)->color("#787878")->opacity(0.15);
$medRange = new \Kendo\Dataviz\UI\SparklineValueAxisItemPlotBand();
$medRange->from(15)->to(22)->color("#787878")->opacity(0.3);
$hiRange = new \Kendo\Dataviz\UI\SparklineValueAxisItemPlotBand();
$hiRange->from(22)->to(30)->color("#787878")->opacity(0.15);
$tempRangeAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
$tempRangeAxis->min(0)->max(30)->addPlotBand($lowRange)->addPlotBand($medRange)->addPlotBand($hiRange);
$tempRange = new \Kendo\Dataviz\UI\Sparkline('temp-range');
$tempRange->type('bullet')->data(array(21, 23))->addValueAxisItem($tempRangeAxis);
echo $tempRange->render();
?>
</div>
</div>
<div class="conditioner">
<h1>
Conditioner working time
</h1>
<ul class="pie-list stats">
<li>MON
<?php
$statsMon = new \Kendo\Dataviz\UI\Sparkline('stats-mon');
$statsMon->type('pie')->data(array(14, 10));
