<div class="slider_inner barChart js-slider-inner">
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
19
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 35%">
<div class="barChart_val ">
1.56%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
20
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 40%">
<div class="barChart_val ">
2.78%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
21
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 60%">
<div class="barChart_val ">
3%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
22
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 70%">
<div class="barChart_val ">
3.5%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
23
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 80%">
<div class="barChart_val ">
3.89%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
24
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 45%">
<div class="barChart_val ">
1.4%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
25
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 40%">
<div class="barChart_val ">
1.21%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
<div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
26
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: 15%">
<div class="barChart_val barChart_val-outside">
0.58%
</div>
</div>
</div>
</div>
<!--
-->
<!--
-->
</div>
<div class="slider_inner barChart js-slider-inner"><!--
-->{{#each items}}<!--
--><div class="slider_item barChart_item js-slider-item">
<div class="barChart_key">
{{mark}}
</div>
<div class="barChart_bar">
<div class="barChart_barInner u-bg-theme" style="height: {{height}}%">
<div class="barChart_val {{#if high}} {{else}}barChart_val-outside{{/if}}">
{{percentage}}%
</div>
</div>
</div>
</div><!--
-->{{/each}}<!--
--></div>
{
"label": "Lorem ipsum",
"labelLong": "Lorem ipsum dolor sit amet",
"htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
"htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
"htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
"url": "#",
"videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
"items": [
{
"mark": "19",
"high": true,
"height": 35,
"percentage": 1.56
},
{
"mark": "20",
"high": true,
"height": 40,
"percentage": 2.78
},
{
"mark": "21",
"high": true,
"height": 60,
"percentage": 3
},
{
"mark": "22",
"high": true,
"height": 70,
"percentage": 3.5
},
{
"mark": "23",
"high": true,
"height": 80,
"percentage": 3.89
},
{
"mark": "24",
"high": true,
"height": 45,
"percentage": 1.4
},
{
"mark": "25",
"high": true,
"height": 40,
"percentage": 1.21
},
{
"mark": "26",
"high": null,
"height": 15,
"percentage": 0.58
}
]
}
There are no notes for this item.