search

plotly / dash-daq

Control components for Dash
MIT License
141 stars 40 forks source link

Gauge colour as a gradient memory leak? #49

Open Cam000 opened 5 years ago

Cam000 commented 5 years ago

Seems to be a big performance issue with setting gradients on gauges.

This is how the browser splits its time, the 50% usage on the DOM function is reduced to a few percentage points after the gradient is removed.

image

daq.Gauge(
                color={"gradient":False,"ranges":{"#00998c":[0,6],"#E09A4F":[6,8],"#E0554E":[8,10]}},
                showCurrentValue=True,
)

Versions: dash==0.39.0 dash-auth==1.3.2 dash-core-components==0.44.0 dash-daq==0.1.5 dash-html-components==0.14.0 dash-renderer==0.20.0 dash-table==3.6.0 Flask==1.0.2 Flask-Compress==1.4.0 Flask-SeaSurf==0.2.2 plotly==3.7.1

Browser: Firefox 67.0.1

ranajaydas commented 3 years ago

I'm facing a similar issue when just using the "ranges" key without using any gradients.