Example #1
0
<?php 
    $valueAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
    $valueAxis->max(50);
    $sparkline = new \Kendo\Dataviz\UI\Sparkline("bar-direct-{$i}");
    $sparkline->type('bar')->renderAs('canvas')->data($row['direct'])->addValueAxisItem($valueAxis)->attr('style', 'width: 130px');
    echo $sparkline->render();
    ?>
            </td>
            <td class="benefits">
<?php 
    $dataSource = new \Kendo\Data\DataSource();
    $dataSource->data($row['benefits'])->addGroupItem(array('field' => 'type'));
    $series = new \Kendo\Dataviz\UI\SparklineSeriesItem();
    $series->type('bar')->field('value');
    $valueAxis = new \Kendo\Dataviz\UI\SparklineValueAxisItem();
    $valueAxis->max(10);
    $sparkline = new \Kendo\Dataviz\UI\Sparkline("bar-benefits-{$i}");
    $sparkline->renderAs('canvas')->dataSource($dataSource)->addSeriesItem($series)->addValueAxisItem($valueAxis)->attr('style', 'width: 130px');
    echo $sparkline->render();
    ?>
            </td>
        </tr>
<?php 
}
?>
        </tbody>
    </table>
</div>

<style scoped>
    .chart-wrapper {