Histogram
To insert a histogram, use the div
structure with nested elements. The root <div data-block="histogram">
element must contain at least one nested <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>
Copied to clipboard
The attributes of the nested <div data-block="histogram-item">
block:
data-title
*Column title.
data-value
*The value displayed above the column.
data-height
*The height of the column is from 0 to 100.
data-icon
*The icon URL.
data-color
The column color.
* Required