suggestion: Change colors gradually

[chasepeeler]

This is something I did for my own rainmeter skin against sugarmate. I've modified it to use nightscout, but can't get the arrows display properly. Anyway, I figured it might interest you. It requires three points, a high, middle, and low. It will be solid red at the low point, gradually change to solid green when it reaches the middle point, and then gradually change to solid yellow when it reaches the high point. It's based on sugarmates coloring scheme.

[MeasureSugarValue]
Measure=WebParser
URL=[MeasureSugarParent]
StringIndex=1
DynamicVariables=1
IfConditionMode=1
IfCondition=(MeasureSugarValue <= #Middle#) && (MeasureSugarValue >= #Low#)
IfTrueAction=[!SetVariable R ((1-(([MeasureSugarValue]-#Low#)*(1/(#Middle#-#Low#))))*255)][!SetVariable G ((([MeasureSugarValue]-#Low#)*(1/(#Middle#-#Low#)))*255)][!Redraw]
IfCondition1=MeasureSugarValue < #Low#
IfTrueAction1=[!SetVariable R 255][!SetVariable G 0][!Redraw]
IfCondition2=MeasureSugarValue > #High#
IfTrueAction2=[!SetVariable R 255][!SetVariable G 255][!Redraw]
IfCondition3=(MeasureSugarValue > #Middle#) && (MeasureSugarValue <= #High#)
IfTrueAction3=[!SetVariable R ((([MeasureSugarValue]-#Middle#)*(1/(#High#-#Middle#)))*255)][!SetVariable G 255][!Redraw]

Then in your meter you just have FontColor=#R#,#G#,#B#,255

[chasepeeler]

Here is a post I made on reddit about it

https://www.reddit.com/r/Rainmeter/comments/eldq5x/howto_gradual_text_color_change_from_high_to_low/

[MrJordanRoth]

I would have to look, I'm not sure I implemented it in his .ini file or the one I personally use. I can post that code if it would help.

[chasepeeler]

No need. I ended up just creating images for the arrows.

https://github.com/chasepeeler/bgmeter

[MrJordanRoth]

Nice, I did see I do have the code in there to update the color based on your reading. Also, I have the arrows setup using the following:

[MeasureDeltaDirection]
Measure=WebParser
URL=[MeasureSite]
StringIndex=4
IfMatch=Flat
IfMatchAction=[!SetOption MeterDeltaDirection Text "🡢"]
IfMatch2=FortyFiveUp
IfMatchAction2=[!SetOption MeterDeltaDirection Text "🡥"]
IfMatch3=FortyFiveDown
IfMatchAction3=[!SetOption MeterDeltaDirection Text "🡦"]
IfMatch4=SingleUp
IfMatchAction4=[!SetOption MeterDeltaDirection Text "🡡"]
IfMatch5=DoubleUp
IfMatchAction5=[!SetOption MeterDeltaDirection Text "🡡🡡"]
IfMatch6=SingleDown
IfMatchAction6=[!SetOption MeterDeltaDirection Text "🡣"]
IfMatch7=DoubleDown
IfMatchAction7=[!SetOption MeterDeltaDirection Text "🡣🡣"]
IfMatch8=NOT COMPUTABLE
IfMatchAction8=[!SetOption MeterDeltaDirection Text "N/A"]

[chasepeeler]

It was weird, I copy/pasted that yesterday and I still got weird characters in my meter. I load your skin, though, and the arrows display just fine. Then I found https://docs.rainmeter.net/manual/variables/character-variables/. It gives multiple ways to handle special characters like arrows, and includes that you can just copy/paste the character, but you have to save the file as UTF-16 LE, which I confirmed you've done.

Now, I am getting an issue with meterGlucoseDelta

Looks like it's just a problem with the regex capturing more than just the number. If I modify it to add a }] after the bgdelta capture, it displays just fine

I'll put in a pull request with that fix if you want, but it seems simple enough to not go through the hassle.

In terms of the colors, you just set to a certain color at a few points. Red if it's less than the low point, a yellowish color if it's over the high point, a gradient if it's 100, and white at all other values. The code I posted above will have a different color at each value. If low = 70 and middle = 120, then at 70 it will be solid red (rgb(255, 0, 0)) , at 120 it will be solid green (rgb(0,255,0)), and at 95 it will be 50% red and 50% green (rgb(127,127,0)).

[MrJordanRoth]

Did you change the REGEX or are you pulling from something then the Pebble API? I can't replicate that issue. I do like your colors - I haven't worked on this for a while and now you have sparked my interest in making it a little easier to customize and better.

[chasepeeler]

So, for your skin, all I changed between to two screenshots above was the regex
before: RegExp=(?siU)now":(.*)}],.*sgv":"(.*)",.*trend":(.*),.*direction":"(.*)",.*datetime":(.*),.*bgdelta":(.*),
after: RegExp=(?siU)now":(.*)}],.*sgv":"(.*)",.*trend":(.*),.*direction":"(.*)",.*datetime":(.*),.*bgdelta":(.*)}],

I originally built mine almost 3 years ago. Then I stopped wearing my Dexcom about a year ago (I'm T2 and just wasn't being disciplined with my diet and exercise, so why monitor something I'm not working to control, right?) and kind of forgot about it. I'm back to watching my diet and wearing my dexcom again, so I figured I'd load it up - only to find it didn't work because the Sugarmate API was no longer available. So, I adapted mine to use the Nightscout API (I use the REST API) and came across yours while looking for examples/answers related to some issue I was dealing with at the time. I figured I'd share my color changing code with you, just in case you were interested.

The next thing I want to tackle is showing the time of the last reading. Difficulty is that the API returns that in UTC time, so I need a way to convert it to local time. I think I've found a way I can do that using lua scripting, but I haven't had a chance to dive into that yet.

[MrJordanRoth]

@chasepeeler, check out the latest issue / enhancement that was just posted by @emp-00 - may be what your looking for?

[emp-00]

@MrJordanRoth / @chasepeeler : Check this out, I just released my "final release". I think it's now really user-friendly and I have added quite a few features. Let me know if you have ideas/questions/problems.

https://github.com/emp-00/NS2Win