Announcing Dash Bio 1.0.0 🎉 : a one-stop-shop for bioinformatics and drug development visualizations.

Getting java_script Error message when trying to update graph

Hello dash community,

I am a student and i am new to Python and try to invent a biomonitoring app for my University. Maybe there is someone here who has some time. I have a graph which is created from measurement data. For the graph you can select columns to be displayed and you can select which columns are on the first or second y axis. The code and the csv file for the pandas dataframe is on the Github repo:
link:

Unfortunately the code does not work properly and I get errors if i select or unselect different y_axis, the following java script error (see below)
The error comes mostly when i select or unselect new columns for the secondary_yaxis, if i pick the columns as default in the code it works, if anyone knows the solution, i would pay 10 bucks in paypal.

l.gridlayer is undefined

*(This error originated from the built-in JavaScript code that runs Dash apps. Click to see the full stack trace or open your browser's console.)*

40404/</<[854]</V.drawOne@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2586126

40404/</<[854]</V.draw/</<@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2584665

40404/</<[803]</f.syncOrAsync@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2427496

40404/</<[854]</V.draw@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2584583

40404/</<[844]</r.doTicksRelayout@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2537764

40404/</<[803]</f.syncOrAsync@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2427496

40404/</<[840]</r.react@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-plotlyjs.js:2:2519884

value@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-graph.js:1:7912

value@http://127.0.0.1:6789/_dash-component-suites/dash/dcc/async-graph.js:1:12619

callComponentWillReceiveProps@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:13111:16

updateClassInstance@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:13313:38

updateClassComponent@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:17242:22

beginWork@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:18755:18

beginWork$1@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:23314:16

performUnitOfWork@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:22292:14

workLoopSync@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:22265:24

performSyncWorkOnRoot@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:21891:11

flushSyncCallbackQueueImpl/<@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:11224:26

unstable_runWithPriority@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react@16.v2_0_0m1640419224.14.0.js:2685:14

runWithPriority$1@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:11174:12

flushSyncCallbackQueueImpl@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:11219:26

flushSyncCallbackQueue@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:11207:5

batchedUpdates$1@http://127.0.0.1:6789/_dash-component-suites/dash/deps/react-dom@16.v2_0_0m1640419224.14.0.js:21997:9

notify@webpack://dash_renderer/./node_modules/react-redux/es/utils/Subscription.js?:24:12

notifyNestedSubs@webpack://dash_renderer/./node_modules/react-redux/es/utils/Subscription.js?:95:20

handleChangeWrapper@webpack://dash_renderer/./node_modules/react-redux/es/utils/Subscription.js?:100:12

dispatch@webpack://dash_renderer/./node_modules/redux/es/redux.js?:307:7

createThunkMiddleware/</</<@webpack://dash_renderer/./node_modules/redux-thunk/es/index.js?:12:16

applyProps@webpack://dash_renderer/./src/observers/executedCallbacks.ts?:74:15

observer/</<@webpack://dash_renderer/./src/observers/executedCallbacks.ts?:115:40

forEach@webpack://dash_renderer/./node_modules/ramda/es/forEach.js?:50:7

_checkForMethod/<@webpack://dash_renderer/./node_modules/ramda/es/internal/_checkForMethod.js?:27:116

f2@webpack://dash_renderer/./node_modules/ramda/es/internal/_curry2.js?:34:14

observer/<@webpack://dash_renderer/./src/observers/executedCallbacks.ts?:102:55

forEach@webpack://dash_renderer/./node_modules/ramda/es/forEach.js?:50:7

_checkForMethod/<@webpack://dash_renderer/./node_modules/ramda/es/internal/_checkForMethod.js?:27:116

f2@webpack://dash_renderer/./node_modules/ramda/es/internal/_curry2.js?:34:14

observer@webpack://dash_renderer/./src/observers/executedCallbacks.ts?:84:51

StoreObserver/</<@webpack://dash_renderer/./src/StoreObserver.ts?:100:9

forEach@webpack://dash_renderer/./node_modules/ramda/es/forEach.js?:50:7

_checkForMethod/<@webpack://dash_renderer/./node_modules/ramda/es/internal/_checkForMethod.js?:27:116

f2@webpack://dash_renderer/./node_modules/ramda/es/internal/_curry2.js?:34:14

StoreObserver/<@webpack://dash_renderer/./src/StoreObserver.ts?:98:51

dispatch@webpack://dash_renderer/./node_modules/redux/es/redux.js?:307:7

createThunkMiddleware/</</<@webpack://dash_renderer/./node_modules/redux-thunk/es/index.js?:12:16

_callee$@webpack://dash_renderer/./src/observers/executingCallbacks.ts?:78:25

tryCatch@http://127.0.0.1:6789/_dash-component-suites/dash/deps/polyfill@7.v2_0_0m1640419224.12.1.min.js:1:92426

invoke@http://127.0.0.1:6789/_dash-component-suites/dash/deps/polyfill@7.v2_0_0m1640419224.12.1.min.js:1:92208

defineIteratorMethods/</t[n]@http://127.0.0.1:6789/_dash-component-suites/dash/deps/polyfill@7.v2_0_0m1640419224.12.1.min.js:1:92958

asyncGeneratorStep@webpack://dash_renderer/./src/observers/executingCallbacks.ts?:13:103

_next@webpack://dash_renderer/./src/observers/executingCallbacks.ts?:15:212

The problem seems to go away after i comment out this code fig.update_layout(transition_duration=500), does anyone know what is happening?