I was wondering if it's possible to have a two pane setup like https://www.highcharts.com/demo/stock/c ... and-volume but instead of both graphs based on averages, the top graph is based on daily averages and the second graph is based on multiple summaries over time during the day.
Example of what I am wanting to do.
Both graphs are based on a smart light being on or off.
The top graph is the daily average of how long a light is on. So at the end of the day it would tally the average hours.
The bottom graph is an event line summary of when and how long the light has been on or off (maybe 2 line graphs 1=On 2=Off)
The next behavior I would like to see is if I move the mouse from one day to the next it would start by just showing the on/off summary tooltip below and when I hover the last hour I get both the on time avg tooltip AND the on/off summary status tooltip below it.
My question, is this something that can be done with Highcharts or Highstock and, if so, what would be the best direction I should give my dev team to pull this off?
Design below:
