Dashticz Graphs - Features, Fixes & Updates

[HansieNL]

I could not find that in the master or beta documentation, did I overlook that?

Must have missed this parameter. Will be added to beta documentation.

[JanvdW]

@clinkadink, a line graph with the setpoint values in front of the bars with the current temp provides enough information; device status is not needed (for me).

And yes, the ability to specify your own "below temp", "at temp" and "above temp" colours on the graph block in CONFIG.js provides the possibility to align these colours with the colour use in the rest of the dashboard.

[Jimster]

I have graphs grouped by week. But the weeks starts at sunday. The dates visible are sundays. Is it possible to start the week on monday?

[clinkadink]

I have graphs grouped by week. But the weeks starts at sunday. The dates visible are sundays. Is it possible to start the week on monday?

Oddly enough, I thought it did start on Mondays. But I have just checked, and it is Sunday. I will update to the International standard ISO 8601 which is "Monday".

[clinkadink]

Graphs has been updated today in the latest update to the beta.

The groupByDevice has been updated:

• it will show a line displaying the SetPoint values in front of the bar graph for thermostat devices that have SetPoint data.

• the tooltip will now show the status and schedule with EvoHome devices.

• the block datasetColors parameter can now be used to set the colors for 'below temp', 'at temp', 'above temp' and 'setpoint' (in that order).

Also, groupBy has been updated for 'week'. Instead of starting on 'Sunday', it now starts on 'Monday'.

[Jimster]

Strange, weeks still start on sundays. I updated to the latest beta.

[clinkadink]

groupBy: "week" now starts on Monday on my graphs. Try CTRL + F5, could be a cache issue.

[Jimster]

groupBy: "week" now starts on Monday on my graphs. Try CTRL + F5, could be a cache issue.

Still not, I also tried a inprivate tab.

Code: Select all

var config = {}
config['language'] = 'nl_NL';
config['timeformat'] = 'DD-MM-YY HH:mm';
config['calendarformat'] = 'dd DD.MM HH:mm';
config['calendarlanguage'] = 'nl_NL';
config['domoticz_ip'] = 'http://192.168.0.151:8080';
config['app_title'] = 'Dashticz V3';
config['domoticz_refresh'] = '5';
config['dashticz_refresh'] = '180';
config['auto_positioning'] = 0;
config['hide_topbar'] = 1
config['auto_swipe_back_to'] = 1
config['auto_swipe_back_after'] = 60
config['use_favorites'] = 0
config['owm_api'] = '1234567890';
config['owm_city'] = 'Dordrecht';
config['owm_name'] = 'Dordrecht';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_min'] = true;
config['owm_days'] = true;
config['garbage_company'] = 'hvc';
config['garbage_icalurl'] = 'https://inzamelkalender.hvcgroep.nl/ical/0505200000034185';
config['google_api_key'] = 0;
config['garbage_calendar_id'] = 0;
config['garbage_zipcode'] = 1234AB';
config['garbage_street'] = 'Streetname';
config['garbage_housenumber'] = '123';
config['garbage_housenumberadd'] = 0;
config['garbage_maxitems'] = '4';
config['garbage_width'] = '12';
config['garbage'] = {
    gft: {kliko: 'green', code: '#375b23', name: 'GFT'},
    pmd: {kliko: 'orange', code: '#db5518', name: 'Plastic'},
    rest: {kliko: 'grey', code: '#5e5d5c', name: 'Restafval'},
    papier: {kliko: 'blue', code: '#153477', name: 'Papier'},
    kca: {kliko: 'red', code: '#b21807', name: 'Chemisch afval'},
    brown: {kliko: 'brown', code: '#7c3607', name: 'Bruin'},
    black: {kliko: 'black', code: '#000000', name: 'Zwart'},
};
config['garbage_use_names'] = true;
config['garbage_use_colors'] = false;
config['garbage_icon_use_colors'] = false;

var screens = {}
screens[1] = {}
screens[1]['background'] = 'bg9.jpg';
screens[1]['columns'] = [1,2,3]
screens[2] = {}
screens[2]['background'] = 'bg9.jpg';
screens[2]['columns'] = [4,5,6]


blocks['blocktitle_1'] = {}
blocks['blocktitle_1']['key'] = 'blocktitle_1';
blocks['blocktitle_1']['type'] = 'blocktitle';
blocks['blocktitle_1']['title'] = 'Het weer';

blocks['blocktitle_3'] = {}
blocks['blocktitle_3']['key'] = 'blocktitle_3';
blocks['blocktitle_3']['type'] = 'blocktitle';
blocks['blocktitle_3']['title'] = 'Temperatuur';


blocks[21] = {} //Xiaomi sensor
blocks[21]['width'] = 4;
blocks[21]['title'] = 'Slaapkamer' //if you want change the name of switch different then domoticz

blocks[23] = {} //Xiaomi sensor
blocks[23]['width'] = 4;
blocks[23]['title'] = 'Kinderkamer' //if you want change the name of switch different then domoticz

blocks[25] = {} //Xiaomi sensor
blocks[25]['width'] = 4;
blocks[25]['title'] = 'Zolder' //if you want change the name of switch different then domoticz

blocks[30] = {} //Xiaomi sensor
blocks[30]['width'] = 4;
blocks[30]['title'] = 'Woonkamer' //if you want change the name of switch different then domoticz

blocks[39] = {} //Xiaomi sensor
blocks[39]['width'] = 4;
blocks[39]['title'] = 'Badkamer' //if you want change the name of switch different then domoticz

blocks[107] = {} //Xiaomi sensor
blocks[107]['width'] = 4;
blocks[107]['title'] = 'Buiten' //if you want change the name of switch different then domoticz

blocks['Temp-buiten'] = {
width:4,
   idx: '107',
   title: 'Buiten'
}


blocks['Zonnepanelen1'] = {
   width:4,
   idx: '37_1',
   title: 'Opwek nu',
   popup: 'Zonnepanelen-graph'
}

blocks['Zonnepanelen2'] = {
   width:4,
   idx: '37_2',
   title: 'Opwek vandaag',
   popup: 'Zonnepanelen-graph'
}
		

blocks['blocktitle_2'] = {}
blocks['blocktitle_2']['key'] = 'blocktitle_2';
blocks['blocktitle_2']['type'] = 'blocktitle';
blocks['blocktitle_2']['title'] = 'Verwarming';

blocks['blocktitle_4'] = {}
blocks['blocktitle_4']['key'] = 'blocktitle_4';
blocks['blocktitle_4']['type'] = 'blocktitle';
blocks['blocktitle_4']['title'] = 'Zonnepanelen';

blocks['blocktitle_5'] = {}
blocks['blocktitle_5']['key'] = 'blocktitle_5';
blocks['blocktitle_5']['type'] = 'blocktitle';
blocks['blocktitle_5']['title'] = 'Energieverbruik';

blocks['blocktitle_6'] = {}
blocks['blocktitle_6']['key'] = 'blocktitle_6';
blocks['blocktitle_6']['type'] = 'blocktitle';
blocks['blocktitle_6']['title'] = 'Energieverbruik per fase';

blocks['blocktitle_7'] = {}
blocks['blocktitle_7']['key'] = 'blocktitle_7';
blocks['blocktitle_7']['type'] = 'blocktitle';
blocks['blocktitle_7']['title'] = 'Energieverbruik per apparaat';

blocks['blocktitle_8'] = {}
blocks['blocktitle_8']['type'] = 'blocktitle';
blocks['blocktitle_8']['title'] = 'Buienradar';

blocks['blocktitle_9'] = {}
blocks['blocktitle_9']['type'] = 'blocktitle';
blocks['blocktitle_9']['title'] = 'Verlichting';

blocks['blocktitle_10'] = {}
blocks['blocktitle_10']['type'] = 'blocktitle';
blocks['blocktitle_10']['title'] = 'Raspberry';

blocks['blocktitle_11'] = {}
blocks['blocktitle_11']['type'] = 'blocktitle';
blocks['blocktitle_11']['title'] = 'Apparaten';

blocks[5] = {} //Tado
blocks[5]['width'] = 6;
blocks[5]['title'] = 'Doeltemperatuur' //if you want change the name of switch different then domoticz

blocks[10] = {} //Tado
blocks[10]['width'] = 6;
blocks[10]['title'] = 'Vermogen' //if you want change the name of switch different then domoticz

blocks[68] = {} // Regen
blocks[68]['width'] = 12;
blocks[68]['switch'] = true;
blocks[68]['hide_title'] = true;
blocks[68]['last_update'] = false;
blocks[68]['image'] = 'cust_umbrella.png';


blocks['BW1'] = {
   width:4,
   idx: '45_1',
   title: 'Vloerverwarming',
   popup: 'BW1-graph'
} 

blocks[46] = {} //BW-SHP6-1
blocks[46]['width'] = 4;
blocks[46]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz

blocks['BW2'] = {
   width:4,
   idx: '47_1',
   title: 'CV ketel',
   popup: 'BW2-graph'
} 

blocks[48] = {} //BW-SHP6-2
blocks[48]['width'] = 4;
blocks[48]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz

blocks['BW3'] = {
   width:4,
   idx: '49_1',
   title: 'Wasmachine Haier',
   popup: 'BW3-graph'
} 

blocks[50] = {} //BW-SHP6-3
blocks[50]['width'] = 4;
blocks[50]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz

blocks['BW4'] = {
   width:4,
   idx: '112_1',
   title: 'Wasmachine Sams.',
   popup: 'BW4-graph'
} 

blocks[113] = {} //BW-SHP6-4
blocks[113]['width'] = 4;
blocks[113]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz


blocks['BW5'] = {
   width:4,
   idx: '53_1',
   title: 'Koelkast',
   popup: 'BW5-graph'
} 


blocks[54] = {} //BW-SHP6-5
blocks[54]['width'] = 4;
blocks[54]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz


blocks['BW6'] = {
   width:4,
   idx: '114_1',
   title: 'Vriezer',
   popup: 'BW6-graph'
} 


blocks[115] = {} //BW-SHP6-6
blocks[115]['width'] = 4;
blocks[115]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz\

blocks['BW7'] = {
   width:4,
   idx: '120_1',
   title: 'Droger',
   popup: 'BW7-graph'
} 


blocks[121] = {} //BW-SHP6-7
blocks[121]['width'] = 4;
blocks[121]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz\


blocks['BW8'] = {
   width:4,
   idx: '122_1',
   title: 'Diverse',
   popup: 'BW8-graph'
} 


blocks[123] = {} //BW-SHP6-8
blocks[123]['width'] = 4;
blocks[123]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz\



blocks['AVATTO-1'] = {
   width:4,
   idx: '110_1',
   title: 'Airco',
   popup: 'AVATTO-1-graph'
} //AVATTO-1


blocks[111] = {} //AVATTO-1
blocks[111]['width'] = 4;
blocks[111]['title'] = 'Aan/uit' //if you want change the name of switch different then domoticz


blocks[57] = {} //Slimme meter electriciteit
blocks[57]['width'] = 4;
blocks[57]['title'] = 'Electriciteit'; //if you want change the name of switch different then domoticz
blocks[57]['popup'] = 'Stroom-graph'

blocks['SM1'] = {
   width:4,
   idx: '57_1',
   title: 'Energie nu',
   popup: 'Stroom-graph'
} 

blocks['SM2'] = {
   width:4,
   idx: '57_2',
   title: 'Energie vandaag',
   popup: 'Stroom-graph'
} 

blocks['SM5'] = {
   width:4,
   idx: '57_5',
   title: 'Teruglevering',
   popup: 'Stroom-graph'
} 

blocks['Gas'] = {
   width:4,
   idx: '67_1',
   title: 'Gas vandaag',
   popup: 'Gas-graph'
} 

blocks[61] = {} //L1
blocks[61]['width'] = 4;
//blocks[61]['title'] = 'L1' //if you want change the name of switch different then domoticz

blocks[62] = {} //L2
blocks[62]['width'] = 4;
//blocks[62]['title'] = 'Slimme meter' //if you want change the name of switch different then domoticz

blocks[63] = {} //L3
blocks[63]['width'] = 4;
//blocks[63]['title'] = 'Slimme meter' //if you want change the name of switch different then domoticz

blocks[88] = {} //Xiaomi Mi Robot
blocks[88]['width'] = 12;
blocks[88]['icon'] = ''
blocks[88]['title'] = 'Xiaomi Mi Robot' //if you want change the name of switch different then domoticz

blocks[80] = {} //Raspberry
blocks[80]['width'] = 6;
blocks[80]['icon'] = ''
blocks[80]['title'] = 'CPU' //if you want change the name of switch different then domoticz

blocks[81] = {} //Raspberry
blocks[81]['width'] = 6;
blocks[81]['icon'] = ''
blocks[81]['title'] = 'Temp' //if you want change the name of switch different then domoticz

blocks[85] = {} //Raspberry
blocks[85]['width'] = 6;
blocks[85]['icon'] = ''
blocks[85]['title'] = 'Disk' //if you want change the name of switch different then domoticz


blocks['BW1-graph'] = {
    title: ['Vloerverwarming'],
    graph: ['line'],
    devices: [45],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_45'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_45'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_45'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_45'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}


blocks['BW2-graph'] = {
    title: ['CV ketel'],
    graph: ['line'],
    devices: [47],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_47'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_47'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_47'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_47'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}

blocks['BW3-graph'] = {
    title: ['Wasmachine Kian'],
    graph: ['line'],
    devices: [49],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_49'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_49'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_49'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_49'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}

blocks['BW4-graph'] = {
    title: ['Samsung wasmachine'],
    graph: ['line'],
    devices: [112],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_112'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_112'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_112'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_112'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}


blocks['BW5-graph'] = {
    title: ['Koelkast'],
    graph: ['line'],
    devices: [53],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_53'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_53'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_53'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_53'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}


blocks['BW6-graph'] = {
    title: ['Diverse'],
    graph: ['line'],
    devices: [114],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_114'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_114'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_114'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_114'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}

blocks['BW7-graph'] = {
    title: ['Diverse'],
    graph: ['line'],
    devices: [120],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_120'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_120'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_120'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_120'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}


blocks['BW8-graph'] = {
    title: ['Diverse'],
    graph: ['line'],
    devices: [122],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_122'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_122'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_122'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_122'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}

blocks['AVATTO-1-graph'] = {
    title: ['Airco'],
    graph: ['line'],
    devices: [110],
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                Verbruik: 'd.v_110'
                }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Verbruik: 'd.v_110'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Verbruik: 'd.v_110'
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Verbruik: 'd.v_110'
                }
        },
    },
    legend: false,
    datasetColors:['red']
}


blocks['Stroom-graph'] = {
    title: ['Stroom'],
    graph: ['line','bar','bar'],
    devices: [57],
    height: '350px',
    toolTipStyle: true,
    stacked: true,
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                netto: 'd.v_57+d.v2_57-d.r1_57-d.r2_57',
                verbruik: 'd.v_57+d.v2_57',
                teruglevering: '-d.r1_57-d.r2_57'
            }
        },
        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                netto: 'd.v_57+d.v2_57-d.r1_57-d.r2_57',
                verbruik: 'd.v_57+d.v2_57',
                teruglevering: '-d.r1_57-d.r2_57'
            }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                netto: 'd.v_57+d.v2_57-d.r1_57-d.r2_57',
                verbruik: 'd.v_57+d.v2_57',
                teruglevering: '-d.r1_57-d.r2_57'
            }
        },
        "Jaar wk": {
            range: 'year',
            filter: 'year',
            groupBy:  'week',
            data: {
                netto: 'd.v_57+d.v2_57-d.r1_57-d.r2_57',
                verbruik: 'd.v_57+d.v2_57',
                teruglevering: '-d.r1_57-d.r2_57'
            }
        },
        "Jaar mnd": {
            range: 'year',
            filter: 'year',
            groupBy:  'month',
            data: {
                netto: 'd.v_57+d.v2_57-d.r1_57-d.r2_57',
                verbruik: 'd.v_57+d.v2_57',
                teruglevering: '-d.r1_57-d.r2_57'
            }
        }
    },
    legend: false,
    datasetColors:['blue','red','yellow']
}
blocks['Stroom-graph']['width'] = 12;

blocks['Zonnepanelen-graph'] = {
    title: ['Zonnepanelen'],
    graph: ['bar'],
    devices: [37],
    height: '350px',
    custom : {
        "12 uur": {
            range: 'day',
            filter: '12 hours',
            data: {
                Opwek: 'd.v_37'
                }
        },

        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                Opwek: 'd.v_37'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                Opwek: 'd.v_37'
                }
        },
        "Jaar wk": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                Opwek: 'd.v_37'
                }
        },
        "Jaar mnd": {
            range: 'year',
            filter: 'year',
            groupBy: 'month',
            data: {
                Opwek: 'd.v_37'
                }
        }
    },
    legend: false,
    beginAtZero: true,
    datasetColors:['yellow']
}

blocks['Gas-graph'] = {
    title: 'Gas',
    graph: 'bar',
    devices: [67],
    height: '250px',
    custom : {
        "6 uur": {
            range: 'day',
            filter: '6 hours',
            data: {
                verbruik: 'd.v_67'
                }
        },

        "24 uur": {
            range: 'day',
            filter: '24 hours',
            data: {
                verbruik: 'd.v_67'
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            data: {
                verbruik: 'd.v_67'
                }
        },
        "Jaar wk": {
            range: 'year',
            filter: 'year',
            groupBy: 'week',
            data: {
                verbruik: 'd.v_67'
                }
        },
        "Jaar mnd": {
            range: 'year',
            filter: 'year',
            groupBy: 'month',
            data: {
                verbruik: 'd.v_67'
                }
        }
    },
    legend: false,
    beginAtZero: true,
    datasetColors:['white']
}
blocks['Gas-graph']['width'] = 12;


var publictransport = {}
publictransport.ovinfobus = { 
 show_via: false, 
 title: 'Bus 5', 
 station: '/dordrecht', 
 provider: '9292-bus', 
 destination:'Stadspolders via Centrum/CS', 
 show_via:false, 
 interval: '120', 
 show_lastupdate: false, 
 icon: 'fas fa-bus', 
 width:12, 
 results: 4
 }
publictransport.ovinfotrain1 = {
 show_via: false,
 title: 'Treinen',
 station: 'station-dordrecht',
 destination: 'Lelystad Centrum,Amsterdam Centraal',
 provider: '9292-train',
 interval: '120',
 show_lastupdate: false,
 icon: 'fas fa-train',
 width:12,
 results:4
 }

var frames = {}
frames.buienradar = { 
frameurl:'https://gadgets.buienradar.nl/gadget/zoommap/?lat=51.81&lng=4.67361&overname=2&zoom=8&naam=Dordrecht&size=2b&voor=1',
refreshiframe: 600000,
width: 12,
height: 330,
scrollbars: true,
forcerefresh: 2,
key: 'buienradar'
}


blocks['gmail_calendars'] = {
	type: 'calendar',
	layout: 1,
	icalurl: { 
	   Jimmy: {
	      ics: 'https://calendar.google.com/calendar/ical/xxxxx/basic.ics',
	      color: 'white',
              maxitem: 3
	   },
	   Name: { 
	      ics: 'https://calendar.google.com/calendar/ical/xxxxxxxxx/basic.ics',
	      color: '#ccc',
              maxitems: 3
	   }
	},
	holidayurl: 'https://www.calendarlabs.com/ical-calendar/ics/75/UK_Holidays.ics',	
	maxitems: 4, 
        icon: 'fas fa-calendar',
	lastweek: false,	
	isoweek: true,
	width: 12
} 



blocks[101] = {} 
blocks[101]['width'] = 6;
blocks[101]['protected'] = true
blocks[101]['title'] = 'Jimmy PC'; //if you want change the name of switch different then domoticz

blocks[102] = {} 
blocks[102]['width'] = 6;
blocks[102]['protected'] = true
blocks[102]['title'] = 'Jimmy laptop'; //if you want change the name of switch different then domoticz

blocks[103] = {} 
blocks[103]['width'] = 6;
blocks[103]['protected'] = true
blocks[103]['title'] = 'Canon printer'; //if you want change the name of switch different then domoticz

blocks[104] = {} 
blocks[104]['width'] = 6;
blocks[104]['protected'] = true
blocks[104]['title'] = 'Sams. printer'; //if you want change the name of switch different then domoticz

blocks[105] = {} 
blocks[105]['width'] = 6;
blocks[105]['protected'] = true
blocks[105]['title'] = 'PS4'; //if you want change the name of switch different then domoticz

var columns = {}
columns['bar'] = {}
columns['bar']['blocks'] = ['miniclock','settings']

columns[1] = {}
columns[1]['blocks'] = ['68','currentweather_big_owm','weather_owm','blocktitle_3','30','21','23','25','39','Temp-buiten','blocktitle_2','5','10']
columns[1]['width'] = 4;

columns[2] = {}
columns[2]['blocks'] = ['blocktitle_4','Zonnepanelen1','Zonnepanelen2','SM5','blocktitle_5','SM1','SM2','Gas','Stroom-graph']
columns[2]['width'] = 5; 
			
columns[3] = {}
columns[3]['width'] = 3;
columns[3]['blocks'] = ['clock','sunrise','garbage',publictransport.ovinfobus,publictransport.ovinfotrain1,'gmail_calendars','88']

columns[4] = {}
columns[4]['width'] = 5;
columns[4]['blocks'] = ['blocktitle_6','61','62','63','blocktitle_7','BW1','BW2','BW3','BW4','BW5','BW6','BW7','BW8','AVATTO-1','Gas-graph']

columns[5] = {}
columns[5]['width'] = 4;
columns[5]['blocks'] = ['blocktitle_8',frames.buienradar,'blocktitle_9']

columns[6] = {}
columns[6]['width'] = 3;
columns[6]['blocks'] = ['blocktitle_10','80','81','85','blocktitle_11','101','102','103','104','105']

[clinkadink]

This is odd, I have checked the latest updates and the change is there.
https://github.com/Dashticz/dashticz/bl ... ph.js#L639
Let me investigate.

By the way, there's an error in your CONFIG.js.

Code: Select all

config['garbage_zipcode'] = 1234AB';

Should be

Code: Select all

config['garbage_zipcode'] = '1234AB';

[JanvdW]

I updated to the latest beta as well and added datasetColors (for my Evohome devices): that works fine. The SetPoint values and the tooltip with the status and schedule are not shown. Do I need to change something in CONFIG.js to see them?

[Jimster]

This is odd, I have checked the latest updates and the change is there.
https://github.com/Dashticz/dashticz/bl ... ph.js#L639
Let me investigate.

By the way, there's an error in your CONFIG.js.

Code: Select all

config['garbage_zipcode'] = 1234AB';

Should be

Code: Select all

config['garbage_zipcode'] = '1234AB';

Yes, thanks, It's correct in my original version, but I anonimized it and accidentally deleted the '.

[clinkadink]

Yes, thanks, It's correct in my original version, but I anonimized it.

OK, I thought I better mention it incase it wasn't deliberate.
Whilst I investigate ... this is my graph that shows groupBy "week" now starts on Monday.

Spoiler: show

Code: Select all

blocks['group_by_solar'] = {	
	title: 'Solar',
	devices: [1],
	graph: 'bar',
	graphTypes: ['v'],
	beginAtZero: true,
	debugButton: true,
	custom : {
        "Day by Hour": {
			range: 'last',
			groupBy: 'hour',
			filter: '24 hours',
            data: {
				Solar: 'd.v_1'
            },
		},
		"Week by Day": {
			range: 'month',
			groupBy: 'day',
			filter: '7 days',
            data: {
				Solar: 'd.v_1'
            }
        },
        "Month by Week": {
			range: 'month',
			groupBy: 'week',
            data: {
                Solar: 'd.v_1'
            }
        },
        "Year by Month": {
			range: 'year',
			groupBy: 'month',
            data: {                
				Solar: 'd.v_1'
            }
        }
	},
	lineTension: 0.5,
	datasetColors: ['green']
} 

[clinkadink]

I updated to the latest beta as well and added datasetColors (for my Evohome devices): that works fine. The SetPoint values and the tooltip with the status and schedule are not shown. Do I need to change something in CONFIG.js to see them?

No, no change to CONFIG.js is required. Please can you check to see if there "evohome" is in your language files?
For example, for me ... lang\en_US.json shows this. The new tooltip update uses this JSON object. Let me know if you can see it in your language file.

Code: Select all

"evohome": {
        "Auto": "Auto",
        "AutoWithEco": "Economy",
        "Away": "Away",
        "Custom": "Custom",
        "DayOff": "Day Off",
        "HeatingOff": "Off",
        "TemporaryOverride": "Override"
    }

[JanvdW]

Yes, this piece of code is in the en_US.json

[clinkadink]

Yes, this piece of code is in the en_US.json

Ok, thanks for confirming. Is your Dashticz set to en_US or another language? If it is another language, please can you check that language file too.

When you hover over the graph, are there any errors in DevTools?

This is how my block looks:

Code: Select all

blocks['all_zones'] = {	
  title: 'Room Temperatures',
  devices: [6, 11, 12, 8, 14, 9, 15, 235, 10, 13],
  datasetColors: ['dodgerblue','chocolate', 'darkred', 'gold'],
  groupByDevice: true
}

[Jimster]

Yes, thanks, It's correct in my original version, but I anonimized it.

OK, I thought I better mention it incase it wasn't deliberate.
Whilst I investigate ... this is my graph that shows groupBy "week" now starts on Monday.

Spoiler: show

Code: Select all

blocks['group_by_solar'] = {	
	title: 'Solar',
	devices: [1],
	graph: 'bar',
	graphTypes: ['v'],
	beginAtZero: true,
	debugButton: true,
	custom : {
        "Day by Hour": {
			range: 'last',
			groupBy: 'hour',
			filter: '24 hours',
            data: {
				Solar: 'd.v_1'
            },
		},
		"Week by Day": {
			range: 'month',
			groupBy: 'day',
			filter: '7 days',
            data: {
				Solar: 'd.v_1'
            }
        },
        "Month by Week": {
			range: 'month',
			groupBy: 'week',
            data: {
                Solar: 'd.v_1'
            }
        },
        "Year by Month": {
			range: 'year',
			groupBy: 'month',
            data: {                
				Solar: 'd.v_1'
            }
        }
	},
	lineTension: 0.5,
	datasetColors: ['green']
} 

I found it. When I set the language in the config to en_US it works. But nl_NL the weeks still start on sunday.

[clinkadink]

OK, it seems that if the locale isn't set to en_US, it doesn't understand "Monday".

In js/components/graph.js line 639, if you change this ...

Code: Select all

.day("Monday")

To this ...

Code: Select all

.day(1)

It works for me with my language set to nl_NL. Please test and confirm, I will then raise the change.

[Jimster]

OK, it seems that if the locale isn't set to en_US, it doesn't understand "Monday".

In js/components/graph.js line 639, if you change this ...

Code: Select all

.day("Monday")

To this ...

Code: Select all

.day(1)

It works for me with my language set to nl_NL. Please test and confirm, I will then raise the change.

Great! This works. Thanks a lot!

[clinkadink]

Great! This works. Thanks a lot!

Thanks for confirming. I will get this fixed

[dennis075]

Maybe I'm missing it, but is there a block parameter for adjusting the Y scale or the number of ticks on the Y scale?