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
best drugstore setting spray canada pharmacy best drugstore mascara
legit online pharmacy Diovan Avana
best drugstore blush online canadian pharmacy canadian pharmacies
[url=https://thesiswritingtob.com/]good thesis statements[/url] phd thesis defense doctoral thesis defense writing your thesis
[url=https://customessayin.com/]write my essay services[/url] legitimate essay writing service custom essay online essay on service
[url=https://dissertationahelp.com/]disertation[/url] choosing a dissertation topic best dissertation writing п»їdissertation writing services
[url=https://essayhelpof.com/]online essay services[/url] essay writing services review helping others essay cheap essay help online
[url=https://papersonlinebox.com/]pay to write papers[/url] order papers online need someone to write my paper for me write my college paper for me
[url=https://papersonlinebox.com/]college paper writer[/url] paying someone to write a paper help with paper writing where to buy resume paper
[url=https://60lmentop.com/]generic viagra for sale[/url] [url=https://viamengo.com/]viagra discounts[/url] [url=https://didoviamen.com/]viagra no prescription[/url]
[url=https://60lmentop.com/]brand viagra[/url] [url=https://viamengo.com/]indian viagra[/url] [url=https://didoviamen.com/]canadian pharmacy viagra 50 mg[/url]
[url=https://kloviagrli.com/]viagra timing[/url] [url=https://vigedon.com/]mandy flores viagra[/url] [url=https://llecialisjaw.com/]cialis free trial coupon[/url] [url=https://jwcialislrt.com/]cialis daily dosage[/url] [url=https://jecialisbn.com/]cialis goodrx[/url]
[url=https://50cialmen.com/]how much does cialis cost at cvs[/url] [url=https://aazmencial.com/]when should i take cialis[/url] [url=https://joicialviaed.com/]cialis logo[/url]
[url=https://kloviagrli.com/]how long do the effects of viagra last[/url] [url=https://vigedon.com/]what is in viagra[/url] [url=https://llecialisjaw.com/]is there generic cialis[/url] [url=https://jwcialislrt.com/]cialis goodrx[/url] [url=https://jecialisbn.com/]how to get cialis[/url]
[url=https://50cialmen.com/]do you need a prescription for cialis in canada[/url] [url=https://aazmencial.com/]canadian pharmacy ezzz cialis[/url] [url=https://joicialviaed.com/]cialis canada price[/url]
[url=https://ljcialishe.com/]cialis precio[/url] [url=https://cialisvja.com/]goodrx cialis[/url] [url=https://viagraonlinejc.com/]natural viagra watermelon[/url] [url=https://viagratx.com/]natural viagra for men[/url] [url=https://buycialisxz.com/]buy cialis generic[/url]
[url=https://60lmentop.com/]60lmentop.com[/url] [url=https://viamengo.com/]viamengo.com[/url] [url=https://didoviamen.com/]didoviamen.com[/url]
[url=https://50cialmen.com/]50cialmen.com[/url] [url=https://aazmencial.com/]aazmencial.com[/url] [url=https://joicialviaed.com/]joicialviaed.com[/url]