2017-09-19 14:47:10 +00:00
|
|
|
<svg>
|
|
|
|
<defs>
|
|
|
|
<clipPath>
|
|
|
|
<rect class="mask" x="0" y="0" width="100%" height="100%" rx="2px" ry="2px" />
|
|
|
|
</clipPath>
|
|
|
|
</defs>
|
|
|
|
<g class="bars"></g>
|
|
|
|
</svg>
|
|
|
|
{{#if hasBlock}}
|
|
|
|
{{yield (hash
|
2020-07-09 20:19:07 +00:00
|
|
|
data=this._data
|
|
|
|
activeDatum=this.activeDatum
|
2017-09-19 14:47:10 +00:00
|
|
|
)}}
|
|
|
|
{{else}}
|
2021-03-08 20:40:38 +00:00
|
|
|
<div class="chart-tooltip with-active-datum {{if this.isActive "active" "inactive"}}" style={{this.tooltipStyle}}>
|
2017-09-19 14:47:10 +00:00
|
|
|
<ol>
|
2020-07-09 20:19:07 +00:00
|
|
|
{{#each this._data as |datum index|}}
|
2021-03-08 20:40:38 +00:00
|
|
|
<li class="{{if (eq datum.label this.activeDatum.label) "is-active"}}">
|
2017-09-19 14:47:10 +00:00
|
|
|
<span class="label {{if (eq datum.value 0) "is-empty"}}">
|
|
|
|
<span class="color-swatch {{if datum.className datum.className (concat "swatch-" index)}}" />
|
|
|
|
{{datum.label}}
|
|
|
|
</span>
|
|
|
|
<span class="value">{{datum.value}}</span>
|
|
|
|
</li>
|
|
|
|
{{/each}}
|
|
|
|
</ol>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|