Skip to content

Instantly share code, notes, and snippets.

View adriatic's full-sized avatar
💭
I may be slow to respond.

Nikolaj Ivancic adriatic

💭
I may be slow to respond.
25 followers · 6 following
  • Congral, LLC
  • Ann Arbor, MI
  • 09:04 (UTC -04:00)
View GitHub Profile
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Multi axis
<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
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Pan and zoom
<template>
<div class="box wide">
<p>Use SHIFT + Mouse Drag Region Selection combination on mouse-enabled devices to zoom in data for a specific period of time</p>
</div>
<ak-chart k-render-as="canvas"
k-data-source.bind="{data: data}"
k-category-axis.bind="categoryAxis"
k-series.bind="series"
k-pannable.bind="{lock: 'y'}"
k-zoomable.bind="zoomable">
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Plot bands
<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-value-axis.bind="valueAxis"
k-category-axis.bind="categoryAxis"
k-tooltip.bind="tooltip">
</ak-chart>
</template>
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Stacked and grouped bars 100%
<template>
<ak-chart k-title.bind="{text: 'World population by age group and sex'}"
k-legend.bind="legend"
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>
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Stacked and grouped bars
<template>
<ak-chart k-title.bind="{text: 'World population by age group and sex'}"
k-legend.bind="legend"
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>
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Stacked bars 100%
<template>
<ak-chart k-title.bind="{text: 'Olympic Medals won by USA'}"
k-legend.bind="legend"
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>
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Bar chart: Stacked bars
<template>
<ak-chart k-title.bind="{text: 'Olympic Medals won by USA'}"
k-legend.bind="legend"
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>
@adriatic
adriatic / index.html
Last active April 14, 2016 10:10
eliavmaman issue #458
<!doctype html>
<html>
<head>
<title>Aurelia</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.mobile.all.min.css">
@adriatic
adriatic / app.html
Last active July 19, 2016 18:49
Barcode: basic use
<template>
<require from="./basic-use.css"></require>
<div id="example">
<div class="demo-section wide k-content">
<ul id="dairy">
<li>
<img src="http://demos.telerik.com/kendo-ui/content/shared/images/foods/200/12.jpg" alt="Queso Manchego La Pastora" />
<span ak-barcode="k-value: 2346722; k-type: ean8; k-width.bind: 280; k-height.bind: 100"></span>
</li>
<li>
@adriatic
adriatic / index.html
Created April 13, 2016 16:25
<!doctype html>
<html>
<head>
<title>Aurelia KendoUI bridge</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.common.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.rtl.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.default.min.css">
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2016.1.226/styles/kendo.mobile.all.min.css">