• Open in:

Lollipop Chart

A variation of column chart, also known as lollipop plot. As you can see, the name probably doesn’t need an explanation. So, let’s get straight to how to make it.

Key implementation details

There are two things you need to do to turn a column chart into a lollipop chart. First, we set the width of columns to 0.5 pixels so they appear as lines series.columns.template.setAll({ width: 0.5 });

And then we just a add a 5px circle as a bullet.

Related tutorials

Demo source