$hPa = new \Kendo\Dataviz\UI\ChartSeriesItem(); $hPa->currentField('current')->targetField('target')->type('verticalBullet')->opacity(0.8)->color('#ffffff')->target(array('color' => '#ffffff')); $dataSource = new \Kendo\Data\DataSource(); $dataSource->data(hPa_data()); $plotband1 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband1->from(955)->to(1002)->color('#8ebc00')->opacity(0.6); $plotband2 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband2->from(1002)->to(1027)->color('#8ebc00')->opacity(0.8); $plotband3 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband3->from(1027)->to(1050)->color('#8ebc00')->opacity(0.6); $plotband4 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband4->from(1014)->to(1014.5)->color('#ff0000')->opacity(1); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->min(955)->max(1050)->majorGridLines(array('visible' => false))->minorTicks(array('visible' => true))->addPlotBand($plotband1, $plotband2, $plotband3, $plotband4); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->majorGridLines(array('visible' => false))->majorTicks(array('visible' => false))->axisCrossingValue(14)->field('category')->title(array('text' => 'hPa')); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->shared(true)->template('Maximum: #= value.target # <br /> Average: #= value.current #'); $chart_hPa = new \Kendo\Dataviz\UI\Chart('chart-hPa'); $chart_hPa->addSeriesItem($hPa)->dataSource($dataSource)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('visible' => false))->chartArea(array('margin' => array('left' => 0)))->tooltip($tooltip); echo $chart_hPa->render(); ?> </div> <style> .chart-wrapper { padding-top: 20px; } .chart-wrapper .k-chart { width: 325px; margin: 0 10px;
$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';
<tr> <td class="item">temp</td> <td class="chart"> <?php $temp = new \Kendo\Dataviz\UI\ChartSeriesItem(); $temp->data(array(array(25, 22))); $plotband1 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband1->from(0)->to(10)->color('yellow')->opacity(0.3); $plotband2 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband2->from(10)->to(20)->color('orange')->opacity(0.3); $plotband3 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand(); $plotband3->from(20)->to(30)->color('red')->opacity(0.3); $valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem(); $valueAxis->min(0)->max(30)->majorGridLines(array('visible' => false))->majorTicks(array('visible' => false))->addPlotBand($plotband1, $plotband2, $plotband3); $categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem(); $categoryAxis->majorGridLines(array('visible' => false))->majorTicks(array('visible' => false)); $tooltip = new \Kendo\Dataviz\UI\ChartTooltip(); $tooltip->visible(true)->shared(true)->template('Maximum: #= value.target # <br /> Average: #= value.current #'); $chart_temp = new \Kendo\Dataviz\UI\Chart('chart-temp'); $chart_temp->addSeriesItem($temp)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('visible' => false))->chartArea(array('margin' => array('left' => 0)))->seriesDefaults(array('type' => 'bullet'))->tooltip($tooltip); echo $chart_temp->render(); ?> </td> </tr> </table> </div> <style> .history { border-collapse: collapse; width: 100%;