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

What’s New?

Non-zero based bar support

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

Stacking bar radius

Radius for stacking bars

bar.indices.removeNull

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

Remove padding

{
padding: false
}
Removed padding

axis.[x|y|y2].tick.culling.lines

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

Closing thoughts

Thanks contributors! 🙏👏

--

--

--

Front-end engineer at NAVER, creator of billboard.js

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Short Notes of Javascript’s Data Types: Numbers, Strings, Booleans, Functions and Objects

DataStores for Composi Components

Build a Serverless Leaderboard API At Edge using Cloudflare Workers and Redis

Character Literals in JavaScript — A Few Unused Ones as Well

add a new line in javascript

Signing a JWT in JMeter for load testing

//platform.twitter.com/widgets.js from Twitter https://twitter.com/UKCareGuide

How to Handle Docker Secrets in Node.js

Super Simple Animations In React Native

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
Jae Sung Park

Jae Sung Park

Front-end engineer at NAVER, creator of billboard.js

More from Medium

billboard.js 3.4 release: new polar chart!

SvelteQuest V: Authentication

Svelte Slicer

How to Publish Your Website on AWS