d-grouped-barchart
Version:
Derby grouped bar chart component using d3 and d3-tip.
29 lines (27 loc) • 1.11 kB
text/jade
index(tag='d-grouped-barchart')
bound
div(as='chartContainer')
if
div(class='{{@headerClass}}' as='header')
._content
h4.-center {{}}
if
div(class='{{@subheaderClass}}' as='subheader') {{}}
.d-grouped-barchart-topbar
.d-grouped-barchart-topbar-title(class='{{titleClass}}') {{title}}
.d-grouped-barchart-topbar-menu
label.d-grouped-barchart-topbar-userBlock(onselectstart='return false' as='dropButton')
label Settings
input(type='checkbox' checked='{{clickSubMenu}}')
img.d-grouped-barchart-topbar-arrow(src='/img/icons/down_small.svg')
view(is='submenu')
.d-grouped-barchart(as='chart' on-click="model.set('clickSubMenu', false)")
submenu
.d-grouped-barchart-topbar-submenu(as='subMenu' class='{{unless clickSubMenu}}-hidden{{/}}')
div(on-click='downloadPNG()') Export to PNG
div(on-click='downloadCSV()') Export to CSV
.js-fullscreen
if fullscreen
| Collapsed view
else
| Expanded view