cdaniel77

<template>
    <ak-chart    k-title.bind="{text: 'Gross Domestic product growth \n /GDP annual %/'}"
                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>

cdaniel77

<template>
    <ak-chart    k-title.bind="{text: 'Gross Domestic product growth \n /GDP annual %/'}"
                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>

cdaniel77

<template>
  <button ak-button type="button" k-on-click.delegate="doStuff()" disabled.bind="isDisabled">TEST</button>
  <button ak-button type="button" k-on-click.delegate="setDisabled()">RUN TEST</button>
</template>

cdaniel77

<template>
  <require from="./chart"></require>
  <div style="position: absolute; width: 0; height: 0;">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
      <defs>
        <pattern id="pattern1" width="4" height="4" patternTransform="rotate(45 0 0)" patternUnits="userSpaceOnUse">
          <line x1="0" y1="0" x2="0" y2="1" style="stroke:black; stroke-width:2" />
        </pattern>
      </defs>
    </svg>

cdaniel77

<template>
  <require from="./chart"></require>
  <div style="position: absolute; width: 0; height: 0;">
    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
      <defs>
        <pattern id="pattern1" width="4" height="4" patternTransform="rotate(45 0 0)" patternUnits="userSpaceOnUse">
          <line x1="0" y1="0" x2="0" y2="1" style="stroke:black; stroke-width:2" />
        </pattern>
      </defs>
    </svg>

cdaniel77

<!-- put your view here  -->
<template>
  <require from="./baseChart.js"></require>
  <div repeat.for="item of items">
    <div class="row">
      <div class="col-sm-12">
        <h2>${item.panel.title}</h2>
      </div>
    </div>
    <div class="row">