Domoticz

Lokonli wrote: ↑Thursday 12 November 2020 20:18
I've added a block parameter for this to latest beta (on top of 3.6.7)
You can use the parameter 'buttonIcon' as part of the custom graph definition block.

Code: Select all

 blocks['p1_grafiek_gas'] = {
  devices: [44],
  title: 'Gas',
  custom: {
    dag: {
      buttonIcon: 'fab fa-gripfire',    //New!
      graph: 'bar',
      range: 'day',
      filter: '24 hours',
      data: {
        Gas: 'd.v_44',
      },
    },
  },
};

Chris12 wrote: ↑Thursday 12 November 2020 14:39 Hi,

When creating a block you can add the "popup: <graphname>" parameter configured there, which gives an almost fullscreen view of the graph when clicking on that block.
Is the same popup graph also possible when having that graph itself configured on the dashboard? So a click on the graph will popup that graph almost fullscreen, same behavior as when configured with a block.

cornesch wrote: ↑Saturday 12 December 2020 9:43 Goodmorning,

Since the last update of Dashticz I no longer have the standard buttons in the popup of the graphic.

How can I go back to the standard buttons without pictures in them with last hours, today and last month?

.graphbuttons .fas {
    display:none
}

Lokonli wrote:

cornesch wrote: ↑Saturday 12 December 2020 9:43 Goodmorning,

Since the last update of Dashticz I no longer have the standard buttons in the popup of the graphic.

How can I go back to the standard buttons without pictures in them with last hours, today and last month?

There is no block/configuration parameter for that, but you can hide the icons by adding the following to custom.css:

Code: Select all

.graphbuttons .fas {
    display:none
}

Minglarn wrote: ↑Saturday 04 April 2020 9:53 Question...
Realy like the GRAP funktion.. Smooth and nice...

Is there an option to rename the devices as they show up in the graph, I want them to show as there are named in Domoticz.
Graph block:

Code: Select all

blocks['all_zones'] = {	
   title: 'Room Temperatures',
   devices: [1831,2358,3016,1115,2887,2396],
   groupByDevice: 'horizontal',
   graphTypes: ['te']
};

Code: Select all

blocks[1831] 	= {title: 'Groventre', width:3};

As you can seem the 1831device is named "Groventre" in Dashticz but shows up as "Groventre (HUE)" in the graph..

blocks['graph_temp'] = { 
    title: 'Temp' ,
    devices: [338,1344],
    labels: ["Aaa","bbb"], //<--
    graphTypes: ['te'],
    groupByDevice: 'horizontal',
    height: 200,
    width:12,
    buttonsSize: 0,
    legend: false,
    datasetColors:['yellow','Orange'],
}

 arrLabels.push(data.Name);

if(!me.block.labels)
        arrLabels.push(data.Name);
else 
        arrLabels.push(me.block.labels[i]);

Chris12 wrote: ↑Thursday 10 December 2020 8:18

Chris12 wrote: ↑Thursday 12 November 2020 14:39 Hi,

When creating a block you can add the "popup: <graphname>" parameter configured there, which gives an almost fullscreen view of the graph when clicking on that block.
Is the same popup graph also possible when having that graph itself configured on the dashboard? So a click on the graph will popup that graph almost fullscreen, same behavior as when configured with a block.

@lokonli, any thaughts about the above? is this allready possible, or is it a new feature request?

Lokonli wrote: ↑Tuesday 05 January 2021 17:21 I'm thinking of two approaches:

1) A graph 'full screen' button.
This will enlarge the graph to full screen (but it will be the same graph)

2) Generic popup parameter
You can assign any block id to the popup parameter. On click the block identified by the popup parameter will be displayed in a full screen popup window.

If you want additional info on the enlarged graph then 1) won't work.

What do you prefer?

MFxMF wrote: ↑Sunday 03 January 2021 2:39

Minglarn wrote: ↑Saturday 04 April 2020 9:53 Question...
Realy like the GRAP funktion.. Smooth and nice...

Is there an option to rename the devices as they show up in the graph, I want them to show as there are named in Domoticz.
Graph block:

Code: Select all

blocks['all_zones'] = {	
   title: 'Room Temperatures',
   devices: [1831,2358,3016,1115,2887,2396],
   groupByDevice: 'horizontal',
   graphTypes: ['te']
};

Code: Select all

blocks[1831] 	= {title: 'Groventre', width:3};

As you can seem the 1831device is named "Groventre" in Dashticz but shows up as "Groventre (HUE)" in the graph..

I had same issue.
So i did code modyfication.

in the CONFIG.js
with your graph block, add the array labels with the all labels for all idx

Code: Select all

blocks['graph_temp'] = { 
    title: 'Temp' ,
    devices: [338,1344],
    labels: ["Aaa","bbb"], //<--
    graphTypes: ['te'],
    groupByDevice: 'horizontal',
    height: 200,
    width:12,
    buttonsSize: 0,
    legend: false,
    datasetColors:['yellow','Orange'],
}

then modify file js/components/graph.js

Find line

Code: Select all

 arrLabels.push(data.Name);

and change to:

Code: Select all

if(!me.block.labels)
        arrLabels.push(data.Name);
else 
        arrLabels.push(me.block.labels[i]);

Spoiler: show

Spoiler: show

Code: Select all

{
	"ActTime" : 1611038633,
	"AstrTwilightEnd" : "19:06",
	"AstrTwilightStart" : "06:37",
	"CivTwilightEnd" : "17:43",
	"CivTwilightStart" : "07:59",
	"DayLength" : "08:28",
	"NautTwilightEnd" : "18:25",
	"NautTwilightStart" : "07:17",
	"ServerTime" : "2021-01-19 07:43:53",
	"SunAtSouth" : "12:51",
	"Sunrise" : "08:37",
	"Sunset" : "17:05",
	"app_version" : "2020.2 (build 12731)",
	"result" : 
	[
		{
			"AddjMulti" : 1.0,
			"AddjMulti2" : 1.0,
			"AddjValue" : 0.0,
			"AddjValue2" : 0.0,
			"BatteryLevel" : 255,
			"CustomImage" : 101,
			[b]"Data" : "2349 ",[/b]
			"Description" : "",
			"Favorite" : 0,
			"HardwareDisabled" : false,
			"HardwareID" : 29,
			"HardwareName" : "Pi-Hole",
			"HardwareType" : "Pi-hole summary",
			"HardwareTypeVal" : 94,
			"HaveTimeout" : false,
			"ID" : "001D0005",
			"Image" : "xfr_pihole",
			"LastUpdate" : "2021-01-19 07:43:15",
			"Name" : "Pi-Hole - Unique domains",
			"Notifications" : "false",
			"PlanID" : "0",
			"PlanIDs" : 
			[
				0
			],
			"Protected" : false,
			"SensorType" : 1,
			"SensorUnit" : "",
			"ShowNotifications" : true,
			"SignalLevel" : "-",
			[b]"SubType" : "Custom Sensor",[/b]
			"Timers" : "false",
			"Type" : "General",
			"TypeImg" : "xfr_pihole",
			"Unit" : 5,
			"Used" : 0,
			"XOffset" : "0",
			"YOffset" : "0",
			[b]"idx" : "993"[/b]
		}
	],
	"status" : "OK",
	"title" : "Devices"
}

Spoiler: show

Code: Select all

{
	"ActTime" : 1611038682,
	"AstrTwilightEnd" : "19:06",
	"AstrTwilightStart" : "06:37",
	"CivTwilightEnd" : "17:43",
	"CivTwilightStart" : "07:59",
	"DayLength" : "08:28",
	"NautTwilightEnd" : "18:25",
	"NautTwilightStart" : "07:17",
	"ServerTime" : "2021-01-19 07:44:42",
	"SunAtSouth" : "12:51",
	"Sunrise" : "08:37",
	"Sunset" : "17:05",
	"app_version" : "2020.2 (build 12731)",
	"result" : 
	[
		{
			"AddjMulti" : 1.0,
			"AddjMulti2" : 1.0,
			"AddjValue" : 0.0,
			"AddjValue2" : 0.0,
			"BatteryLevel" : 255,
			"CustomImage" : 101,
			[b]"Data" : "6106 ",[/b]
			"Description" : "",
			"Favorite" : 0,
			"HardwareDisabled" : false,
			"HardwareID" : 29,
			"HardwareName" : "Pi-Hole",
			"HardwareType" : "Pi-hole summary",
			"HardwareTypeVal" : 94,
			"HaveTimeout" : false,
			"ID" : "001D0007",
			"Image" : "xfr_pihole",
			"LastUpdate" : "2021-01-19 07:44:15",
			"Name" : "Pi-Hole - Queries cached",
			"Notifications" : "false",
			"PlanID" : "0",
			"PlanIDs" : 
			[
				0
			],
			"Protected" : false,
			"SensorType" : 1,
			"SensorUnit" : "",
			"ShowNotifications" : true,
			"SignalLevel" : "-",
			[b]"SubType" : "Custom Sensor",[/b]
			"Timers" : "false",
			"Type" : "General",
			"TypeImg" : "xfr_pihole",
			"Unit" : 7,
			"Used" : 0,
			"XOffset" : "0",
			"YOffset" : "0",
			[b]"idx" : "995"[/b]
		}
	],
	"status" : "OK",
	"title" : "Devices"
}

Spoiler: show

Code: Select all

blocks['pi-hole-un-domains'] = {
	title: 'Unique Domains',
	type: 'dial',
	idx: 993,
	width: 4,
	graph: true,
    popup: 'PiHole-graph-dns'
}

blocks['PiHole-graph-dns'] = {
	debugButton: false,
    title: 'Pi-Hole DNS-Blocking Overview',
    devices: [988,989,993],
    height: '300px',
	width: 12,
	graph: 'line',
	lineFill: false,
	drawOrderDay: ['v_988', 'v_989', 'v_993'],
    drawOrderMonth: ['v_988', 'v_989', 'v_993'],
	drawOrderYear: ['v_988', 'v_989', 'v_993'],
    custom : {
        "24 uur": {
            range: 'day',
            filter: 'today',
            data: {
                'Blocked Domains': 'd.v_988',
				'DNS Queries': 'd.v_989',
				'Unique Domains': 'd.v_993',
                }
        },
        "Week": {
            range: 'month',
            filter: '7 days',
            data: {
                'Blocked Domains': 'd.v_988',
				'DNS Queries': 'd.v_989',
				'Unique Domains': 'd.v_993',
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            groupBy: 'week',
            data: {
                'Blocked Domains': 'd.v_988',
				'DNS Queries': 'd.v_989',
				'Unique Domains': 'd.v_993',
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'month',
			buttonIcon: 'fas fa-calendar',
            data: {
                'Blocked Domains': 'd.v_988',
				'DNS Queries': 'd.v_989',
				'Unique Domains': 'd.v_993',
                }
        },
    },
	aggregate: 'avg',
    datasetColors: ['Gold', 'Red', 'Blue'],
	zoom:'x',
	legend: true,
	legend: {
        'v_988'      : 'Blocked Domains',
        'v_989'      : 'DNS Queries',
        'v_993'      : 'Unique Domains',
	}
}

Spoiler: show

Code: Select all

blocks['pi-hole-cached-queries'] = {
	title: 'Cached Queries',
	type: 'dial',
	idx: 995,
	width: 4,
	graph: true,
    popup: 'PiHole-graph-clients'
}

blocks['PiHole-graph-clients'] = {
	debugButton: false,
    title: 'Pi-Hole Clients Overview',
    devices: [994,995,997],
    height: '300px',
	width: 12,
	graph: 'line',
	lineFill: false,
	drawOrderDay: ['v_994', 'v_995', 'v_997'],
    drawOrderMonth: ['v_994', 'v_995', 'v_997'],
	drawOrderYear: ['v_994', 'v_995', 'v_997'],
    custom : {
        "24 uur": {
            range: 'day',
            filter: 'today',
            data: {
                'FWD Queries': 'd.v_994',
				'Cached Queries': 'd.v_995',
				'No. Clients': 'd.v_997',
                }
        },
        "Week": {
            range: 'month',
            filter: '7 days',
            data: {
                'FWD Queries': 'd.v_994',
				'Cached Queries': 'd.v_995',
				'No. Clients': 'd.v_997',
                }
        },
        "Maand": {
            range: 'month',
            filter: 'month',
            groupBy: 'week',
            data: {
                'FWD Queries': 'd.v_994',
				'Cached Queries': 'd.v_995',
				'No. Clients': 'd.v_997',
                }
        },
        "Jaar": {
            range: 'year',
            filter: 'year',
            groupBy: 'month',
			buttonIcon: 'fas fa-calendar',
            data: {
                'FWD Queries': 'd.v_994',
				'Cached Queries': 'd.v_995',
				'No. Clients': 'd.v_997',
                }
        },
    },
	aggregate: 'avg',
    datasetColors: ['Gold', 'Red', 'Blue'],
	zoom:'x',
	legend: true,
	legend: {
        'v_994'      : 'FWD Queries',
        'v_995'      : 'Cached Queries',
        'v_997'      : 'No. Clients',
	}
}