<template id="CanvasGauges" is="generic-gauge">
        <canvas view-id="$-{this.viewId}_canvas"
            data-type="$-{this.model.type}" 
            data-width="$-{this.model.width}" 
            data-height="$-{this.model.height}" 
            data-border-radius="$-{this.model.borderRadius}" 
            data-borders="$-{this.model.borders}" 
            data-bar-begin-circle="$-{this.model.barBeginCircle}"
            data-minor-ticks="$-{this.model.minorTicks}"
            data-value="$-{this.model.value}"
            data-min-value="$-{this.model.minValue}"
            data-max-value="$-{this.model.maxValue}"
            data-title="$-{this.model.title}"
            data-major-ticks="$-{this.model.majorTicks}"
            data-ticks-width="$-{this.model.ticksWidth}"
            data-ticks-width-minor="$-{this.model.ticksWidthMinor}"
            data-bar-width="$-{this.model.barWidth}"
            data-highlights="$-{this.model.highlights}"
            data-color-value-box-shadow="$-{this.model.colorValueBoxShadow}"
            data-value-box-stroke="$-{this.model.valueBoxStroke}"
            data-color-value-box-background="$-{this.model.colorValueBoxBackground}"
            data-value-int="$-{this.model.valueInt}"
            data-value-dec="$-{this.model.valueDec}"
            data-animation-duration="$-{this.model.animationDuration}"
            data-animation-rule="$-{this.model.animationRule}"
            width="$-{this.model.width}" 
            height="$-{this.model.height}" 
            style="width: $-{this.model.width}px; height: $-{this.model.height}px;">
        </canvas>
        <!--
        <div class="" id="$-{this.viewId}">
        </div>
        -->
</template>