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