billboard.js 3.5 release: new boost options! 🚀💥

What’s New?

boost options

From this release, adds two new options to boost the performance.

boost.useCssRule

This option let remove as possible inlined style values from the generated node elements.

boost: {
useCssRule: true
}

boost.useWorker

The next ‘boost’ option is boost.useWorker option. This option will use WebWorker(ref. “Off The Main Thread”) thread to format given data, which will decrease TBT(Total Blocking Time).

boost: {
useWorker: true
}
billboard.js (top) / Chart.js (bottom)

data.labels.rotate

New data.labels.rotate option will “rotate” data labels text.

data: {
labels: {
rotate: 90 // 90 degree
}
}

area.below

The ‘area’ type will render covering background according the value. When the values goes in a range of negative and positive values, the background area will be based on zero as follows.

area: {
below: true
}

resize.timer

When resize viewport, it automatically adjust the size when resize.auto option is set. Usually the resize event happens multiple times and to avoid unnecessary resize task happens, it gives a delay of 200ms.

The current resize delay(200ms) using setTimeout()
Resize using requestIdleCallback()
resize: {
// make to use 'requestIdleCallback()'
timer: false,
}
resize: {
// trigger resize function on delay of 1000ms
// (default delay is 200ms)
timer: 1000
}

Contributors of this release

Many thanks for the participation and support!

Closing thoughts

billboard.js has been started its journey from forking popular C3.js project.

https://github.com/c3js/c3/issues/2866#issuecomment-1129582495

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store