Example #1
0
$chart_hum->addSeriesItem($hum)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('visible' => false))->chartArea(array('margin' => array('left' => 0)))->seriesDefaults(array('type' => 'bullet'))->tooltip($tooltip);
echo $chart_hum->render();
?>
            </td>
        </tr>
        <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>
Example #2
0
$chart_mmHg = new \Kendo\Dataviz\UI\Chart('chart-mmHg');
$chart_mmHg->addSeriesItem($mmHg)->dataSource($dataSource)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->legend(array('visible' => false))->chartArea(array('margin' => array('left' => 0)))->tooltip($tooltip);
echo $chart_mmHg->render();
?>
    <?php 
$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  {
Example #3
0
require_once '../lib/Kendo/Autoload.php';
require_once '../include/chart_data.php';
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    header('Content-Type: application/json');
    $result = chart_spain_electricity_production();
    echo json_encode($result);
    exit;
}
require_once '../include/header.php';
$nuclear = new \Kendo\Dataviz\UI\ChartSeriesItem();
$nuclear->field('nuclear')->name('Nuclear');
$hydro = new \Kendo\Dataviz\UI\ChartSeriesItem();
$hydro->field('hydro')->name('Hydro');
$wind = new \Kendo\Dataviz\UI\ChartSeriesItem();
$wind->field('wind')->name('Wind');
$plotband1 = new \Kendo\Dataviz\UI\ChartXAxisItemPlotBand();
$plotband1->from(10000)->to(30000)->color('#c00')->opacity(0.3);
$plotband2 = new \Kendo\Dataviz\UI\ChartYAxisItemPlotBand();
$plotband2->from(30000)->to(30500)->color('#c00')->opacity(0.8);
$valueAxis = new \Kendo\Dataviz\UI\ChartValueAxisItem();
$valueAxis->labels(array('format' => 'N0'))->addPlotBand($plotband1, $plotband2)->max(70000)->majorUnit(10000)->line(array('visible' => false));
$categoryAxis = new \Kendo\Dataviz\UI\ChartCategoryAxisItem();
$categoryAxis->field('year')->majorGridLines(array('visible' => false));
$tooltip = new \Kendo\Dataviz\UI\ChartTooltip();
$tooltip->visible(true)->format('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)->addSortItem(array('field' => 'year', 'dir' => 'asc'));
$chart = new \Kendo\Dataviz\UI\Chart('chart');
$chart->title(array('text' => 'Spain electricity production (GWh)'))->dataSource($dataSource)->addSeriesItem($nuclear, $hydro, $wind)->addValueAxisItem($valueAxis)->addCategoryAxisItem($categoryAxis)->seriesDefaults(array('type' => 'column'))->tooltip($tooltip);