gist-master

<template>
  <require from="aurelia-kendoui-bridge/combobox/combobox"></require>
  
  <div id="example">
    <div class="demo-section k-content">
      <h4>Find a product</h4>
      <ak-combobox k-placeholder="Select product"
                  k-data-text-field="ProductName"
                  k-data-value-field="ProductID"
                  k-filter="contains"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Olypmic Medals Won by Japan'}"
            k-data-source.bind="datasource"
            k-legend.bind="legend"
            k-chart-area.bind="chartArea"
            k-series.bind="series"
            k-x-axis.bind="xAxis"
            k-y-axis.bind="yAxis"
            k-tooltip.bind="tooltip">

gist-master

<template>
  <require from="aurelia-kendoui-bridge/map/map"></require>
  
  <div id="example">
    <div class="box wide">
        <div class="box-col">
            <h4>Bubble symbol</h4>
            <ul ref="selectSymbol">
                <li>Circle</li>
                <li>Square</li>

gist-master

<template>
    <require from="aurelia-kendoui-bridge/chart/chart"></require>
    <require from="./binding-to-remote-data.css"></require>
    <div class="row" id="pie-charts-remote-data">
        <div class="col-xs-12 col-sm-2" repeat.for="year of years">
            <ak-chart  class="pie-chart"
                      k-title.bind="{ text: year }"
                      k-data-source.bind="getDatasource(year)"
                      k-legend.bind="legend"
                      k-series-defaults.bind="seriesDefaults"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Cash flow'}"
            k-data-source.bind="{data: json.cashFlowData}"
            k-legend.bind="{visible: false}"
            k-series.bind="series"
            k-value-axis.bind="{labels: {format: 'C0'}}">
  </ak-chart>
</template>

gist-master

<template>
   <require from="aurelia-kendoui-bridge/chart/chart"></require>
   <div class="demo-section k-content">
      <table class="history" style="width: 500px">
        <tr>
            <td class="item">mmHg&nbsp;&nbsp;&nbsp;</td>
            <td>
              <ak-chart
                        style="height: 65px"
                        k-series.bind="series_mmHg"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <div id="example">
    <div class="demo-section k-content wide">
      <ak-chart  k-title.bind="title"
                k-data-source.bind="datasource"
                k-legend.bind="legend"
                k-series-defaults.bind="seriesDefaults"
                k-series.bind="series"
                k-value-axis.bind="valueAxis"

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/sparkline"></require>
  <require from="./basic-use.css!css"></require>
  <div id="sparkline-basicuse">
    <div class="demo-section k-content">
         <div class="climate">
             <h4>
                 Climate control history
             </h4>
             <table class="history" style="width: 500px">

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Polar area'}"
            k-legend.bind="{position: 'bottom'}"
            k-series.bind="series">
  </ak-chart>
</template>

gist-master

<template>
  <require from="aurelia-kendoui-bridge/chart/chart"></require>
  <ak-chart  k-title.bind="{text: 'Budget report'}"
            k-data-source.bind="dataSource"
            k-series.bind="series"
            k-category-axis.bind="{field: 'unit'}"
            k-value-axis.bind="{labels: {template: '$#= value / 1000 #k'}}"
            k-series-defaults.bind="{type: 'radarLine'}">
  </ak-chart>
</template>