<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.