2018-04-16 16:42:06 +08:00
|
|
|
{{#conditional-loading-spinner condition=isLoading}}
|
|
|
|
|
<div class="chart-title">
|
|
|
|
|
<h3>{{title}}</h3>
|
|
|
|
|
|
2018-04-16 18:00:49 +08:00
|
|
|
{{#if help}}
|
|
|
|
|
{{d-icon "question-circle" title=help}}
|
|
|
|
|
{{/if}}
|
2018-04-16 16:42:06 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="chart-container">
|
|
|
|
|
{{#if oneDataPoint}}
|
|
|
|
|
<span class="data-point">
|
|
|
|
|
{{chartData.lastObject.y}}
|
|
|
|
|
</span>
|
|
|
|
|
{{else}}
|
|
|
|
|
<div class="chart-trend {{trend}}">
|
2018-04-16 18:00:49 +08:00
|
|
|
<span>{{number total}}</span>
|
2018-04-16 16:42:06 +08:00
|
|
|
|
|
|
|
|
{{#if trendIcon}}
|
|
|
|
|
{{d-icon trendIcon}}
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
<canvas class="chart-canvas"></canvas>
|
|
|
|
|
{{/if}}
|
|
|
|
|
</div>
|
|
|
|
|
{{/conditional-loading-spinner}}
|
