It’s another app that his son wrote:
They’re becoming quite the duo!
I should have posted a video about what to expect. When you drag, you do get the no entry icon (no idea why). I am learning all sorts of things. Anyway, as you drag, you should see the device names reordering as you drag up and down. It’s subtle, and my wife hates it....
As an aside, it only affect the graph order, not the order down below...
Thanks for the reply, unfortunately mine does not change the order at all?
Guess I need to do a code update here.. I haven't in a while 
Might want to wait an hour; I almost have timelines fixed
ok
I know!!! These two should be hired by hubitat hahahahh!!! they are awesom!
@BrianX, @bobbles, All; Timelines is updated and fixed. Popups are fixed
@Evilborg: No changes planned for an hour or so...
3 Likes
Great, thanks. I'll check it out!
Nice
Trying to create a range bar graph. Did that successfully, but tile wasn't created. Activated the "Install Hubigraph Tile Device?" switch and named the tile Refrigeration Hubigraph Tile. Note this in the logs:
app:6332020-06-18 07:27:31.504 pm debugFreezer temperature
app:6332020-06-18 07:27:29.216 pm debugRefrigerator temperature
app:6332020-06-18 07:27:26.703 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:27:26.690 pm debug2
app:6332020-06-18 07:15:48.967 pm errorgroovy.lang.MissingMethodException: No signature of method: user_app_tchoward_Hubigraph_Range_Bar_387.createHubiGraphTile() is applicable for argument types: () values: [] on line 347 (updated)
app:6332020-06-18 07:13:41.282 pm debugFreezer temperature
app:6332020-06-18 07:13:38.954 pm debugRefrigerator temperature
app:6332020-06-18 07:13:36.510 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:13:36.486 pm debug2
app:6332020-06-18 07:13:30.853 pm debugFreezer temperature
app:6332020-06-18 07:13:28.545 pm debugRefrigerator temperature
app:6332020-06-18 07:13:25.904 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:13:25.889 pm debug2
app:6332020-06-18 07:13:19.763 pm debugFreezer temperature
app:6332020-06-18 07:13:17.359 pm debugRefrigerator temperature
app:6332020-06-18 07:13:09.612 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:13:09.600 pm debug2
app:6332020-06-18 07:11:29.508 pm errorgroovy.lang.MissingMethodException: No signature of method: user_app_tchoward_Hubigraph_Range_Bar_387.createHubiGraphTile() is applicable for argument types: () values: [] on line 347 (updated)
app:6332020-06-18 07:11:04.136 pm debugFreezer temperature
app:6332020-06-18 07:11:01.842 pm debugRefrigerator temperature
app:6332020-06-18 07:10:59.314 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:10:59.295 pm debug2
app:6332020-06-18 07:10:33.620 pm debugFreezer temperature
app:6332020-06-18 07:10:31.354 pm debugRefrigerator temperature
app:6332020-06-18 07:10:28.859 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:10:28.845 pm debug2
app:6332020-06-18 07:10:20.241 pm debugFreezer temperature
app:6332020-06-18 07:10:16.078 pm debugRefrigerator temperature
app:6332020-06-18 07:10:09.178 pm debugRefrigerator Freezer temperature
app:6332020-06-18 07:10:09.132 pm debug2
app:6332020-06-18 07:06:22.894 pm errorjava.lang.NumberFormatException: null on line 429 (getOptions)
app:6332020-06-18 07:04:28.065 pm errorjava.lang.NumberFormatException: null on line 429 (getOptions)
app:6332020-06-18 07:03:56.923 pm debugInstalled with settings: [app_name:Refrigeration, debug:false, sensors:[Refrigerator Freezer, Refrigerator, Freezer], attributes_515:[temperature], attributes_514:[temperature], attributes_513:[temperature], attribute_514_temperature_current_border_color_transparent:false, graph_order:["attribute_514_temperature","attribute_513_temperature","attribute_515_temperature"], attribute_514_temperature_current_color:#8eb6d4, attribute_513_temperature_show_value:true, attribute_514_temperature_current_border_color:#ffffff, attribute_515_temperature_current_border_color:#ffffff, attribute_513_temperature_current_border_color:#ffffff, attribute_515_temperature_show_value:true, attribute_514_temperature_current_color_transparent:false, attribute_514_temperature_background_color_transparent:false, attribute_513_temperature_minmax_color_transparent:false, attribute_513_temperature_current_border_color_transparent:false, attribute_515_temperature_current_color_transparent:false, attribute_515_temperature_current_color:#8eb6d4, attribute_515_temperature_background_color_transparent:false, attribute_513_temperature_background_color:#3e4475, attribute_514_temperature_minmax_color:#607c91, attribute_514_temperature_background_color:#3e4475, attribute_513_temperature_minmax_color:#607c91, attribute_513_temperature_current_color_transparent:false, attribute_513_temperature_background_color_transparent:false, attribute_515_temperature_minmax_color:#607c91, attribute_514_temperature_minmax_color_transparent:false, attribute_515_temperature_current_border_color_transparent:false, attribute_515_temperature_minmax_color_transparent:false, attribute_513_temperature_current_color:#8eb6d4, graph_name_override_515_temperature:%deviceName%: %attributeName%, attribute_515_temperature_background_color:#3e4475, graph_name_override_514_temperature:%deviceName%: %attributeName%, attribute_514_temperature_show_value:true, graph_name_override_513_temperature:%deviceName%: %attributeName%, attribute_513_temperature_annotation_units:F, attribute_514_temperature_annotation_units:F, attribute_515_temperature_annotation_units:F]
Just wanted to ask, if anybody else's "drag and drop" re-ordering is working. Mine is still not working, not sure what I have done wrong??
Thanks for this.
Working great.
Thanks again. 
According to the log, you didn’t name the tile, I,e give it any text in the text box.
@gregish, what OS and browser? I have tested on IOS, FireOS and windows. Also, the file name IS case sensitive. The name should be HubiGraph.js. If the G is not upper case, it won’t work.
1 Like
Maybe correct first post to avoid ambiguity?
I will admit I copied the file with both casings until I looked at the Github and code because of the initial post.
Hi @thomas.c.howard, I set up a Range Bar graph for the results that came out of my Hub Watchdog, and noticed that the value for the current number ends up being pretty large. These values are all in the ~0.1 range, with rarely some up to > 0.5.
I noticed that the Hubigraph Range Bar tool set the current value to 1 (const c = 1). I changed that to make it 1% of the current range, which works much better for me, since I have such a small value. I added a calculation of 1% of the min/max range, then set c to that value:
subscriptions.order.forEach(orderStr => {
const splitStr = orderStr.split('_');
const deviceId = splitStr[1];
const attr = splitStr[2];
const event = graphData[deviceId][attr];
const amount = (options.graphHigh - options.graphLow) / 100;
const max_ = event.max > options.graphHigh ? options.graphHigh : event.max;
const min_ = event.min < options.graphLow ? options.graphLow : event.min;
const cur_ = parseFloat(event.current);
const b = cur_ - min_;
const c = amount;
const d = max_ - cur_ ;
const e = options.graphHigh - max_;
const a = (options.graphHigh - options.graphLow) - (b + c + d + e);
var cur_String = '';
var units_ = ``;
I was worried that it wasn't working correctly for me, since I had things below 1.0 as my range, but once I saw that value set to 1, I realized why it wouldn't work for me. For people with large values, this would be OK, but for me I needed something much smaller to represent the latest value.
Maybe this would help the Range Bar work better?
Thanks!
Brian
I tried it again, carefully walking through the steps:
app:6352020-06-19 09:35:47.844 am errorgroovy.lang.MissingMethodException: No signature of method: user_app_tchoward_Hubigraph_Range_Bar_387.createHubiGraphTile() is applicable for argument types: () values: [] on line 347 (installed)
app:6352020-06-19 09:35:46.874 am debugInstalled with settings: [app_name:Refrigerator and Freezer, debug:true, sensors:[Refrigerator Freezer, Refrigerator, Freezer], attributes_515:[temperature], attributes_514:[temperature], attributes_513:[temperature], attribute_514_temperature_current_border_color_transparent:false, graph_order:["attribute_514_temperature","attribute_513_temperature","attribute_515_temperature"], attribute_514_temperature_current_color:#8eb6d4, attribute_513_temperature_show_value:true, attribute_514_temperature_current_border_color:#ffffff, attribute_515_temperature_current_border_color:#ffffff, attribute_513_temperature_current_border_color:#ffffff, attribute_515_temperature_show_value:true, attribute_514_temperature_current_color_transparent:false, attribute_514_temperature_background_color_transparent:false, attribute_513_temperature_minmax_color_transparent:false, attribute_513_temperature_current_border_color_transparent:false, attribute_515_temperature_current_color_transparent:false, attribute_515_temperature_current_color:#8eb6d4, attribute_515_temperature_background_color_transparent:false, attribute_513_temperature_background_color:#3e4475, attribute_514_temperature_minmax_color:#607c91, attribute_514_temperature_background_color:#3e4475, attribute_513_temperature_minmax_color:#607c91, attribute_513_temperature_current_color_transparent:false, attribute_513_temperature_background_color_transparent:false, attribute_515_temperature_minmax_color:#607c91, attribute_514_temperature_minmax_color_transparent:false, attribute_515_temperature_current_border_color_transparent:false, attribute_515_temperature_minmax_color_transparent:false, attribute_513_temperature_current_color:#8eb6d4, graph_name_override_515_temperature:%deviceName%: %attributeName%, attribute_515_temperature_background_color:#3e4475, graph_name_override_514_temperature:%deviceName%: %attributeName%, attribute_514_temperature_show_value:true, graph_name_override_513_temperature:%deviceName%: %attributeName%, attribute_513_temperature_annotation_units:F, attribute_514_temperature_annotation_units:F, attribute_515_temperature_annotation_units:F, graph_timespan:2, haxis_font:9, graph_max:100, annotation_color_transparent:false, annotation_aura_color_transparent:false, graph_axis_color:#000000, graph_background_color_transparent:false, graph_static_size:false, annotation_aura_color:#ffffff, annotation_color:#000000, graph_type:1, graph_min:0, haxis_color:#000000, annotation_bold:false, annotation_inside:false, graph_update_rate:0, annotation_font:16, graph_axis_font:9, graph_axis_color_transparent:false, graph_bar_percent:90, graph_h_buffer:40, graph_v_buffer:100, graph_background_color:#ffffff, haxis_color_transparent:false, install_device:true, device_name:RefFreezerTile]
app:6352020-06-19 09:35:22.879 am debugFreezer temperature
app:6352020-06-19 09:35:20.826 am debugRefrigerator temperature
app:6352020-06-19 09:35:18.595 am debugRefrigerator Freezer temperature
app:6352020-06-19 09:35:18.583 am debug2
app:6352020-06-19 09:35:13.592 am debugFreezer temperature
app:6352020-06-19 09:35:11.421 am debugRefrigerator temperature
app:6352020-06-19 09:35:04.794 am debugRefrigerator Freezer temperature
app:6352020-06-19 09:35:04.775 am debug2
