Plotly dash Daq gauge color gradient issues with negative scale

z28z34man · March 4, 2022, 6:11pm

I am trying to use a DAQ gauge to display current value and am having issues. My problem appears to be the same as this bug report on github. when i have a negative value for minimum only two of the three gradient colors appear.

github.com/plotly/dash-daq

[BUG] - Dash dag.Gauge color scale errors with negative values

opened 04:49PM - 16 Jun 20 UTC

closed 01:06PM - 22 Sep 21 UTC

henrykeithturner

Hi all, I think i've found an issue regarding dash daq.Gauge. It looks like …if the gauge is set to have a negative region, then any color scale seems to set from zero, preventing the two from aligning. This is most clearly seen in the dial 1 of the ones attached - where dial 2 works fine, and dials 1 and 3 (with negative regions) have incorrect scales. Thanks, Harry ```py import dash import dash_daq as daq import dash_core_components as dcc import dash_html_components as html from dash.dependencies import Input, Output, State random_temperature = 18 app = dash.Dash(__name__,) app.layout = html.Div([ daq.Gauge( id='test-1', label="Test 1", value=random_temperature, min=-10, max=35, color={"gradient":False,"ranges":{"green":[-10,0],"yellow":[0,20],"red":[20,35]}}, units="Celsius", showCurrentValue=True, ), daq.Gauge( id='test-2', label="Test 2", value=random_temperature, min=0, max=70, color={"gradient":False,"ranges":{"green":[0,28],"yellow":[28,42],"red":[42,70]}}, units="Celsius", showCurrentValue=True, ), daq.Gauge( id='test-3', label="Test 3", value=random_temperature, min=-10, max=35, color={"gradient":False,"ranges":{"green":[-10,10],"yellow":[10,20],"red":[20,35]}}, units="Celsius", showCurrentValue=True, ), ]) if __name__ == '__main__': app.run_server(debug=True) ``` ![image](https://user-images.githubusercontent.com/43134216/84803336-c8df0d00-aff9-11ea-9319-fe7b2e2e8579.png)

Also is it possible for the DAQ gauge to have 5 gradients i would like to go from red, to yellow, to green, to yellow, to red if possible.

AnnMarieW · March 4, 2022, 8:13pm

Hi @z28z34man

To change the color to 5 gradients, you might find this post helpful: Dash DAQ Gauge: Red to Green to Red

z28z34man · March 4, 2022, 9:44pm

Thanks. That worked great for the 5 color gradient as long as all the values are positive . I really appreciate it.

Is there anything i can do so it will work with negative values

AnnMarieW · March 4, 2022, 10:25pm

Hi @z28z34man
It looks like that bug was fixed and merged a few months ago, but there hasn’t been a new release of dash-daq since April 2020.

@alexcjohnson can you say when there will be a new dash-daq release?

alexcjohnson · March 8, 2022, 4:40pm

Thanks for reminding me of that @AnnMarieW - right, there was a whole bunch of work done in dash-daq last fall that we haven’t released yet. Really the only thing left is to QA the changes to make sure we haven’t introduced new bugs or breaking changes, then we can release it. I’m not really sure when we’ll be able to get to that but I’ll see what I can do.

z28z34man · March 8, 2022, 6:30pm

Thank you so much i greatly appreciate it.

Fyhn · June 29, 2023, 6:43am

Hi,
any plans of releasing a new dash-daq version with this issue fixed?

thx

Topic		Replies	Views
Dash_daq gauge color Dash Python	1	1030	October 21, 2021
Plotly dash gauge doesn't show scales correctly Dash Python question	0	245	November 4, 2022
dash_daq.Gauge buggy/broken? Dash Python	1	624	September 27, 2020
Dash DAQ slider cannot set default value to zero when min is negative Dash Python	1	963	November 26, 2021
Dash Gauge change color of value when using color range Dash Python	1	1323	June 10, 2022

Plotly dash Daq gauge color gradient issues with negative scale

Related topics