For a long time, Tasker GUI options were very limited. All we had to display options and values were the deeply flawed scenes. This is changing lately, as João introduces more and more options to the AutoTools. One of the latest addition is AutoTools pie chart – one of the downloadable presets for the web screens. I put up a simple tutorial that is a little bit more useful than the top football scorers (sorry João).
AutoTools pie chart
Everyone like a good pie (or a pie chart) and AutoTools pie chart make it super easy to create one. All you need is a single action. That’s all fair but we have to deliver the data to the chart first. My idea is to create a pie chart of all SSID connected, by the time spent connected to each one of them. I’m going to talk a lot about variables, and if you want to learn more I have a good video about it.
To draw AutoTools pie chart I will need 2 pieces of data:
- NAMES – the SSID names in an array
- NUMBERS – the time values also stored in an array
Tasker makes it easy to extract both the SSID name and calculating the timings based on the built-in variables %WIFII and %TIMES, but I need some data manipulation to keep adding the times and new SSIDs to my table. The graph will automatically add the new SSID and update the timings accordingly.
Let’s create the AutoTools pie chart first. Download the AutoTools Web screen preset and add it as an action. The most important config items are NAMES and NUMBERS. I will create an array for each value: %GraphWifi() and %GrapTiming().
To make the arrays ready to be used, I created another task where I simply create the arrays with 0 as values. Once created, open the Vars tab and delete the %GraphWifi(1) and %GrapTiming(1) entries. I need bare arrays.
AutoTools pie chart – data processing
The idea is to push a new SSID (or update an existing one) to the %GraphWifi() and calculate the time and push it to the same index in %GrapTiming(). It’s easier said than done, but let’s take a closer look.
To calculate the time, I need a timestamp from when the WiFi had been connected until the disconnection time. %GraphCurrentTs (TimeStart) will capture the %TIMES and sets the number of seconds connected at the end:
%GraphCurrentTe = %TIMES - %GraphCurrentTs
That was easy enough.
SSIDs need a little bit of work, first I have to extract the SSID name using the Search/Replace action and the regex pattern:
This should cover most of SSID names. I’m storing this value in %tempwifi1 (note that the result of the search is an array!) That value is assigned later to %GraphCurrentW. To assure smooth operation, I only push the values if the %tempwifi1 is set.
When the WiFi is disconnected, I calculate the end time (%GraphCurrentTe) and pass both values (SSID and time in seconds) as %par1 and %par2 via Perform Task action.
These two have you be linked to a State Condition: WiFi Connected as an entry and exit tasks.
AutoTools pie chart – Array manipulation
Before processing anything, I want to make sure that both values are set correctly. A stop action is performed if either of the %par isn’t set.
A clever search through my array:
using variable set %exists checks if the given SSID is already stored in %GraphWifi().
Now we have two options:
%exists > 0
The array contains the SSID name already, the %exists value equals to the index value of where the SSID is stored. In this case, I only need to update the time. To do so I’m extracting the value from that index, and adding additional seconds using “do math”
%temptime = %GraphTiming(%exists)+%par2
and then adding the final value back to where it was taken from.
%exists = 0
The SSID is not in my array, and I need to push the SSID name and the time value. The array push action is great as we can always push both values to the 1st position, shifting anything else up:
ArrayPush position 1 %par1 -> %GraphWifi() %par2 -> %GraphTiming()
With updated arrays, we can call in our AutoTools pie chart whichever we want. I’m lazy and for the demonstration purposes, I just added the home screen shortcut.
The AutoTools pie chart tutorial introduces a little more than just pie charts. You can learn how to update array values and how to search if new entries need to be added. This is a super useful skill to have when processing connected data in Tasker. If you want to learn how to make a pie chart like this accessible via a web interface with NodeRED – check that tutorial out, which build on this guide.
Download project files here. Bear in mind that Patreon supporters have early access to project files and videos.