src/elements/chartjs-xy-points.html
<template bindable="width,height">
<div id="canvas-holder">
<div class="w3-small">
<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 style="margin-top: -1.5em">
<canvas id="${id}-canvas" ref="chartcanvas" width="${width}" height="${height}"></canvas>
</div>
<button click.delegate="addpoint()">${atitle}</button><button click.delegate="removepoint()">${rtitle}</button>
</div>
</template>