Rendering performance
Drawing big data can be slow.
To prevent browser freeze, several chart settings were introduced in Taucharts v0.10.0:
settings: {
asyncRendering: false,
renderingTimeout: 10000,
syncRenderingInterval: 50,
handleRenderingErrors: true
}
- Setting
asyncRendering: truewill make a chart render asynchronously by small synchronous chunks, making a browser more responsive to user interactions. renderingTimeoutis an interval (ms) after which the rendering will be paused, and user will be prompt to continue or cancel. Setting this option to0will disable the pause.syncRenderingIntervalis a minimal interval of synchronous rendering chunks.- Setting
handleRenderingErrors: falsewill make it easier to debug possible rendering errors. Handled errors can be catched usingchart.on('renderingerror', (chart, err) => {...})event.
Asynchronous rendering prevents browser from freeze, but will not prevent from running out of memory.