A simple horizontal bar chart with SelectableItem. Can be used to filter and link data to other widgets, as well as receive filters from other widgets. If you want a DATE/TIME column to be the SelectableItem, use another template or change selectvalue to:
1 |
selectvalue="{moment($T.row[$P.dr_bars_horizontal_2_col_selectColumn]).toDate().floor('day').toString('yyyy-MM-dd HH:mm:ss')},{new Date(moment($T.row[$P.dr_bars_horizontal_2_col_selectColumn]).toDate().setSeconds(1)).ceil('day').toString('yyyy-MM-dd HH:mm:ss')}" |
Template:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 |
<!--DO NOT USE FOR DATE SELECTION. User other Template for that--> <!--SETTINGS--> {#param name=selectColumn value="Ort"} <!--Type in the name of the ID Column: value="name of your id column"--> {#param name=dr_bars_horizontal_2_col_selectColumn value="Ort"} <!--Type in the name of your ID Column: value="name of the id column"--> {#param name=dr_bars_horizontal_2_col_property1 value="Totalsumma"} <!--Type in the name of the Property Column: value="name of the property column"--> {#param name=dr_bars_horizontal_2_col_barcolor value="#2c4985"} <!--Set Bar Color--> {#param name=dr_bars_horizontal_2_col_textcolor1 value="#111111"} <!--Set Text Color for ID Column--> {#param name=dr_bars_horizontal_2_col_textcolor2 value="#ffffff"} <!--Set Text Color for Property Column (text in bars)--> <!--END SETTINGS--> <!--CUSTOMIZE--> {#literal} <style> .dr-bars-horizontal-2-col { padding-top: .5em; } .dr-bars-horizontal-2-col .column { font-size: 1.1em; line-height: 1; } .dr-bars-horizontal-2-col .column-name { box-sizing: border-box; padding-right: .5em; text-align: right; } .dr-bars-horizontal-2-col .column-bar { border: 1px solid hsla(0, 0%, 45%, .3); box-sizing: border-box; padding: .35em 0 .25em .15em; } </style> {#/literal} {#param name=dr_bars_horizontal_2_col_MaxValue value=0} {#foreach $T.rows as row} {#param name=dr_bars_horizontal_2_col_MaxValue value=((($P.dr_bars_horizontal_2_col_MaxValue < $T.row[$P.dr_bars_horizontal_2_col_property1]) && ( $T.row[$P.dr_bars_horizontal_2_col_selectColumn] != "" ) ) ? $T.row[$P.dr_bars_horizontal_2_col_property1] : $P.dr_bars_horizontal_2_col_MaxValue)} {#/for} <div class="dr-bars-horizontal-2-col"> <table class="dr-bars-horizontal-2-col-container"> <tbody> {#foreach $T.rows as row} {#if $T.row[$P.dr_bars_horizontal_2_col_selectColumn] != ""} <tr class="column SelectableItem" selectcolumn="{$P.selectColumn}" selectvalue="{$T.row[$P.dr_bars_horizontal_2_col_selectColumn]}"> <td class="column-name" style="color:{$P["dr_bars_horizontal_2_col_textcolor1"]}">{$T.row[$P.dr_bars_horizontal_2_col_selectColumn].substring(0,20)}</td> <td width="100%"> <div class="column-bar" style="background-color:{$P["dr_bars_horizontal_2_col_barcolor"]}; color:{$P["dr_bars_horizontal_2_col_textcolor2"]}; width: {($T.row[$P.dr_bars_horizontal_2_col_property1] / $P.dr_bars_horizontal_2_col_MaxValue) * 100}%"> {fixAndFormatIfNumber($T.row[$P.dr_bars_horizontal_2_col_property1], 2)} </div> </td> </tr> {#/if} {#/for} </tbody> </table> </div> <!--Author: @digrealtime.com--> <!--Created: 2016-06-21--> <!--Modified: 2016-06-21--> |
Song ¿~ …ArT
free slots [url=http://casinorealmoneysoe.com/ ]casino blackjack [/url] casino game slots games
slots games [url=http://onlinecasinogamespcx.com/ ]vegas casino slots [/url] online casino bonus online casino slots
online slots free slots games free slots
online gambling casino online free casino games online casino
slots games free [url=http://onlinecasinogamespcx.com/ ]slots free [/url] online casino bonus slots for real money best online casinos
vegas casino slots online slot games real casino slots online casino bonus [url=http://onlinecasinosw.com/ ]gold fish casino slots [/url]
big fish casino slots free slots games
casino online [url=http://onlinecasinopc.com/ ]casino play [/url] online gambling slots games best online casino
real casino slots free slots online casino games slots for real money
online slots [url=http://onlinecasinopc.com/ ]free online slots [/url] online casino games free casino slot games online gambling
casino online slots [url=http://onlinecasinopc.com/ ]casino real money [/url] best online casinos play slots online
free online slots [url=http://playcasinosw.com/ ]free slots games [/url] no deposit casino free slots games
casino play casino online vegas casino slots world class casino slots
slots games [url=http://casinoslotspc.com/ ]free online slots [/url] online casino real money best online casinos
free slots online casinos online casino real money big fish casino [url=http://casinoplaysw.com/ ]free casino slot games [/url]
online casinos casino online slots free slots games real casino slots
real money casino [url=http://casinogamespqr.com/ ]online casino bonus [/url] real casino slots slot games
online casino real money world class casino slots vegas casino slots play casino
play online casino casino game online casino
vegas casino slots slots free play online casino
online casino bonus big fish casino vegas slots online
play online casino [url=http://casinoslotspc.com/ ]online slots [/url] real casino slots online casino best online casino
real money casino [url=http://casinorealmoneyfdr.com/ ]big fish casino [/url] free casino slot games big fish casino
free online slots [url=http://casinogamespqr.com/ ]online slots [/url] casino real money casino game slots games free
play slots online online slots online slots
free slots [url=http://casinorealmoneyfdr.com/ ]vegas slots online [/url] slots for real money slots online
casino online casino online slots cashman casino slots casino play [url=http://casinoslotsfest.com/ ]free casino games online [/url]
free casino casino games play slots online
vegas slots online online casinos online casino gambling free casino
real casino slots [url=http://casinoslotsfest.com/ ]casino blackjack [/url] casino online online casino bonus cashman casino slots
free casino slot games slots games casino games
free casino games online [url=http://onlinecasinofbk.com/ ]big fish casino [/url] online casino gambling slot games
online casino gambling [url=http://onlinecasinofbk.com/ ]free casino games online [/url] free casino slot games play slots online online casino slots
cannabis oil cbd oil online cannabis oil buy cbd oil online
cdb oils cbd store medterra cbd cbd gummies walmart
buy cbd cbd online cbd oils cbd gummies
cbd oils buy hemp oil medterra cbd
cdb oils cbd gummies cdb oils buy hemp oil [url=http://cbdoilglk.com/ ]cbd oil benefits [/url]
pure cbd oil [url=http://buycbdoilwalm.com/ ]buy cbd [/url] cbd cream buy cbd
cbd online [url=http://buycbdoilwalm.com/ ]cbd oil at walmart [/url] cbd oil for pain cbd pills
cbd near me cbd vape cbd oil at walmart cbd oil benefits [url=http://buycbdoilwalm.com/ ]cbd oil online [/url]
cbd hemp cbd online cbd oils buy cbd
cbd pills hemp cbd oil cbd online cbd oil for sale
cbd medic [url=http://buycbdoilonline.us.com/ ]cbd oils [/url] cbd hemp cbd medic
cbd near me cbd oil benefits medterra cbd