billboard.js 3.3 release: Non-zero based bar, stacking bar radius & more!

For the detailed release info, please checkout the release note:
https://github.com/naver/billboard.js/releases/tag/3.3.0

What’s New?

Demo: https://naver.github.io/billboard.js/demo/#Chart.BarChart

data: {
columns: [
["data1",
-100, 100, 200,
[-100, 0], // [start, end] range array
[0, 100],
[100, 200]
],
["data2",
100, 300, 500,
[0, 100],
[100, 300],
[200, 500]
]
],
type: "bar"
}
Ranged bar

Demo: https://naver.github.io/billboard.js/demo/#BarChartOptions.BarRadius

Radius for stacking bars

Demo: https://naver.github.io/billboard.js/demo/#BarChartOptions.BarIndices

data: {
columns: [
['data1', 4, null, 4],
['data2', null, 3, null],
['data3', 1, 4, 4]
]
},
bar: {
indices: {
removeNull: true
}

}
Left: keeping nullish index order / Right: removed nullish value

Demo: https://naver.github.io/billboard.js/demo/#ChartOptions.Padding

{
padding: false
}
Removed padding
axis: {
[x | y | y2]: {
tick: {
culling: {
max: 5,
lines: false // hide tick lines
}

Closing thoughts

--

--

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