adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Internet Users in United States'}"
            k-data-source.bind="{data: json.internetUsers}"
            k-legend.bind="{ visible: false }"
            k-series-defaults.bind="seriesDefaults"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Spain electricity production (GWh)'}"
            k-data-source.bind="datasource"
            k-legend.bind="{position: 'top'}"
            k-series.bind="series"
            k-series-defaults.bind="{type: 'area'}"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>

adriatic

<template>
  <ak-chart  view-model.ref="chart"
            k-title.bind="{text: 'GDP growth and standard deviation'}"
            k-data-source.bind="datasource"
            k-series.bind="series"
            k-category-axis.bind="categoryAxis">
  </ak-chart>

  <div class="box-col">
    <h4>Base date unit</h4>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'GDP growth and standard deviation'}"
            k-legend.bind="{visible: false}"
            k-series-defaults.bind="{type: 'area'}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>
</template>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Spain electricity production (GWh)'}"
            k-data-source.bind="datasource"
            k-legend.bind="{position: 'top'}"
            k-series-defaults.bind="{type: 'area'}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Hybrid car mileage report'}"
            k-legend.bind="{position: 'top'}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis">
  </ak-chart>
</template>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'A digital signal'}"
            k-legend.bind="{visible: false}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis">
  </ak-chart>
</template>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Browser Usage Trends'}"
            k-legend.bind="{position: 'bottom'}"
            k-series-defaults.bind="{type: 'area', stack: true}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>
</template>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'A digital signal'}"
            k-legend.bind="{visible: false}"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis">
  </ak-chart>
</template>

adriatic

<template>
  <ak-chart  k-title.bind="{text: 'Site Visitors Stats \n /thousands/'}"
            k-legend.bind="{position: 'bottom'}"
            k-series-defaults.bind="seriesDefaults"
            k-series.bind="series"
            k-value-axis.bind="valueAxis"
            k-category-axis.bind="categoryAxis"
            k-tooltip.bind="tooltip">
  </ak-chart>
</template>