2018-04-16 16:42:06 +08:00
|
|
|
{{#conditional-loading-spinner condition=isLoading}}
|
|
|
|
<div class="chart-title">
|
|
|
|
<h3>{{title}}</h3>
|
|
|
|
|
2018-04-26 20:49:41 +08:00
|
|
|
{{#if description}}
|
|
|
|
<span title={{description}}>
|
|
|
|
{{d-icon "question-circle"}}
|
|
|
|
</span>
|
2018-04-16 18:00:49 +08:00
|
|
|
{{/if}}
|
2018-04-16 16:42:06 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="chart-container">
|
|
|
|
{{#if oneDataPoint}}
|
|
|
|
<span class="data-point">
|
2018-04-17 17:01:06 +08:00
|
|
|
{{number chartData.lastObject.y}}
|
2018-04-16 16:42:06 +08:00
|
|
|
</span>
|
|
|
|
{{else}}
|
|
|
|
<div class="chart-trend {{trend}}">
|
2018-04-26 20:49:41 +08:00
|
|
|
<span>{{number prev30Days}}</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}}
|