src_aurelia-bodylight-plugin/src/elements/chartjs.html
<template bindable="width,height">
<div id="canvas-holder" style.bind="responsive ? '':'display:inline-block'">
<div class="w3-small" show.bind="! minichart">
<i class="fa fa-download fa-flip-horizontal" title="download csv data, row=data in time point"
click.delegate="download()"> </i>
<i class="fa fa-download fa-rotate-270" title="download flat csv data, row=all data for variable"
click.delegate="downloadflat()"> </i>
</div>
<div css="${minichart ? '' : 'margin-top: -1.5em'}" resizable resize.trigger="resizeCanvas($event.detail) & throttle:500">
<canvas id="${id}-canvas" ref="chartcanvas" width="${width}" height="${height}"></canvas>
</div>
</div>
</template>