コード例 #1
0
?>
        <div class="row">
            <div class="col-md-9 col-sm-8">
                <div class="pad">
                    <!-- Map will be created here -->
                    <div id="world-map-markers" style="height: 325px;"></div>
                </div>
            </div><!-- /.col -->
            <div class="col-md-3 col-sm-4">
                <div class="pad box-pane-right bg-green" style="min-height: 280px">
                    <?php 
foreach ([['data' => [90, 70, 90, 70, 75, 80, 70], 'label' => 'Visits', 'number' => 8390], ['data' => [90, 50, 90, 70, 61, 83, 63], 'label' => 'Referrals', 'number' => '30%'], ['data' => [90, 50, 90, 70, 61, 83, 63], 'label' => 'Organic', 'number' => '70%']] as $item) {
    ?>
                        <div class="description-block margin-bottom">
                            <?php 
    echo Sparkline::widget(['options' => ['class' => 'pad'], 'clientOptions' => ['type' => 'bar', 'height' => 30, 'barColor' => '#ffffff'], 'data' => $item['data'], 'tag' => 'div']);
    ?>
                            <h5 class="description-header"><?php 
    echo $item['number'];
    ?>
</h5>
                            <span class="description-text"><?php 
    echo $item['label'];
    ?>
</span>
                        </div><!-- /.description-block -->
                    <?php 
}
?>
                </div>
            </div><!-- /.col -->
コード例 #2
0
        <?php 
echo Timeline::widget(['data' => [['date' => '12 Juin 2015', 'items' => [['time' => 'il y a 30 secondes', 'header' => 'header', 'body' => 'body', 'footer' => 'footer'], ['time' => 'il y a 20 secondes', 'header' => 'header2', 'body' => 'body2', 'footer' => 'footer2']]]]]);
?>

        <?php 
echo app\widgets\Box::end();
?>

    </div>

    <div class="row">
        <div class="col-md-8">
            <p class="text-center">
                <strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
            </p>
            <div class="chart">
                <!-- Sales Chart Canvas -->
                <canvas id="salesChart" style="height: 180px;"></canvas>
                <canvas id="pieChart" style="height: 180px;"></canvas>
            </div><!-- /.chart-responsive -->
        </div><!-- /.col -->
    </div>
    <!--
        <?php 
echo Sparkline::widget(['data' => [1, 2, 3], 'clientOptions' => []]);
?>


    -->
</div>