Гистограмма
Чтобы вставить гистограмму, используйте вложенную структуру элементов div
. Корневой <div data-block="histogram">
должен содержать хотя бы один вложенный <div data-block="histogram-item">
.
<div data-block="histogram">
<div data-block="histogram-item"
data-title="MON"
data-value="+16"
data-height="60"
data-color="#eceef2"
data-icon="https://yastatic.net/weather/i/icons/funky/dark/skc_d.svg"></div>
<div data-block="histogram-item"
data-title="TUE"
data-value="+18"
data-height="70"
data-color="#eceef2"
data-icon="https://yastatic.net/weather/i/icons/funky/dark/skc_d.svg"></div>
<div data-block="histogram-item"
data-title="WED"
data-value="+8"
data-height="30"
data-color="#eceef2"
data-icon="https://yastatic.net/weather/i/icons/funky/dark/ovc_ra.svg"></div>
<div data-block="histogram-item"
data-title="THU"
data-value="+10"
data-height="40"
data-color="#eceef2"
data-icon="https://yastatic.net/weather/i/icons/funky/dark/bkn_d.svg"></div>
</div>
Атрибуты вложенного блока <div data-block="histogram-item">
:
|
Заголовок столбика. |
|
Значение, которое отображается над столбиком. |
|
Высота столбика от 0 до 100. |
|
URL иконки. |
|
Цвет столбика. |
* Обязательный парамет.
Обязательный параметр