LCJS v.3.1 introduced new optimized 2D heatmap series.
These are significantly more performant than the feature this showcase currently uses, also they interact with scrolling Axes logically, unlike the previous feature. While it might be a significant change in code, the result should be much better.

I'd also suggest using TimeTickStrategy instead of Numeric with customized formatting.

i find a common issue in this demo and others realtime demos in lightningchart website ：the waveform will have a short freeze moment every once in a while, is it a BUG or what can we do to fix this issue?

error E:\projects\lcjs-showcase-audio\node_modules\node-sass: Command failed.
Exit code: 1
Command: node scripts/build.js
Arguments:
Directory: E:\projects\lcjs-showcase-audio\node_modules\node-sass
Output:
Building: C:\Program Files\nodejs\node.exe E:\projects\lcjs-showcase-audio\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
gyp info it worked if it ends with ok
gyp verb cli [
gyp verb cli 'C:\Program Files\nodejs\node.exe',
gyp verb cli 'E:\projects\lcjs-showcase-audio\node_modules\node-gyp\bin\node-gyp.js',
gyp verb cli 'rebuild',
gyp verb cli '--verbose',
gyp verb cli '--libsass_ext=',
gyp verb cli '--libsass_cflags=',
gyp verb cli '--libsass_ldflags=',
gyp verb cli '--libsass_library='
gyp verb cli ]
gyp info using [email protected]
gyp info using [email protected] | win32 | x64
gyp verb command rebuild []
gyp verb command clean []
gyp verb clean removing "build" directory
gyp verb command configure []
gyp verb check python checking for Python executable "python2" in the PATH
gyp verb which failed Error: not found: python2
gyp verb which failed at getNotFoundError (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:13:12)
gyp verb which failed at F (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:68:19)
gyp verb which failed at E (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:80:29)
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\which\which.js:89:16
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\isexe\index.js:42:5
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:198:21)
gyp verb which failed python2 Error: not found: python2
gyp verb which failed at getNotFoundError (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:13:12)
gyp verb which failed at F (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:68:19)
gyp verb which failed at E (E:\projects\lcjs-showcase-audio\node_modules\which\which.js:80:29)
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\which\which.js:89:16
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\isexe\index.js:42:5
gyp verb which failed at E:\projects\lcjs-showcase-audio\node_modules\isexe\windows.js:36:5
gyp verb which failed at FSReqCallback.oncomplete (node:fs:198:21) {
gyp verb which failed code: 'ENOENT'
gyp verb which failed }
gyp verb check python checking for Python executable "python" in the PATH
gyp verb which succeeded python C:\Program Files\Inkscape\bin\python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: C:\Program Files\Inkscape\bin\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack File "", line 1
gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack ^
gyp ERR! stack SyntaxError: invalid syntax
gyp ERR! stack
gyp ERR! stack at ChildProcess.exithandler (node:child_process:399:12)
gyp ERR! stack at ChildProcess.emit (node:events:526:28)
gyp ERR! stack at maybeClose (node:internal/child_process:1092:16)
gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:302:5)
gyp ERR! System Windows_NT 10.0.18363
gyp ERR! command "C:\Program Files\nodejs\node.exe" "E:\projects\lcjs-showcase-audio\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
gyp ERR! cwd E:\projects\lcjs-showcase-audio\node_modules\node-sass
gyp ERR! node -v v16.14.1
gyp ERR! node-gyp -v v3.8.0
gyp ERR! not ok
Build failed with error code: 1