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: true
will make a chart render asynchronously by small synchronous chunks, making a browser more responsive to user interactions. renderingTimeout
is an interval (ms) after which the rendering will be paused, and user will be prompt to continue or cancel. Setting this option to0
will disable the pause.syncRenderingInterval
is a minimal interval of synchronous rendering chunks.- Setting
handleRenderingErrors: false
will 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.