Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
22 lines (17 sloc) 1.03 KB

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 to 0 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 using chart.on('renderingerror', (chart, err) => {...}) event.

Asynchronous rendering prevents browser from freeze, but will not prevent from running out of memory.

Example