2.1 beta released

Posted on October 18, 2010 by Torstein Hønsi. Last modified on April 04, 2016.

An early version of Highcharts 2.1 is now out for testing. There are still some known bugs, but we are ready to let users test it and report back any bug findings.

  • Files can be downloaded from GitHub
  • Bugs should be reported in the forum
  • To test the new demos, go to /demo21/.
  • To test the 2.1 beta with all jsFiddle examples in the docs, go to /ref21/. A session variable will be set so that all fiddles will use the beta. To reset that, go to /ref/.

What's new in Highcharts 2.1 Beta?

While version 2.0 mainly focused on an internal rewrite as well as export options, version 2.1 comes packed with new features. The biggest news are resizing logic and automatic adjustments of margins to let the library itself handle different sizes of axis labels and titles, but included are also lots of smaller news as requested at http://highcharts.uservoice.com.

Resize and reflow

With 2.1, you can write your chart into a div with a percentage width, and as your users resize their browser window, Highcharts will optionally reflow along with the parent div. An API method, chart.setSize(), is also provided to perform a resize programmatically with or without animation.

Automatic margin adjustment

In 2.1, you don't have to define margins for the space between the edge of the chart and the plot area itself. Instead, this is left to the charting library to decide. Highcharts renders the labels, texts, titles and legend in preliminary positions, measures the space needed and resizes the plot area accordingly.

Tooltip improvements

Two new features will improve how user friendly the tooltips are. A new option lets you define a shared tooltip, where mouse over the entire plot area is detected and all series values are presented within one tooltip. This is great for categorized data with a single or only a few series. The second addition is crosshairs that visualize to your users where the current point belongs on the axes.


Animation is now applied uniformly across the library, to all operations updating the charts. All API methods are extended with a parameter to define whether or not to use animation, and to define the duration and easing of the animation.

Category label anti collision

Problems with colliding category labels can now be prevented by drawing the labels over multiple lines (step option), or showing only every nth label.

Grouped and stacked column support

The existing stacks and groups of columns can now be combined into grouped and stacked columns. A related feature, negative values in the stack will now be handled in a separate stack and lining up below the zero line.

Data labels and connectors for pies

From version 2.1 we have added crash detection for data labels outside the pie charts, as well as connector lines to visualize which label is connected to which pie. With this approach, a lot more labels can be added into the same space.

iPad optimization

True touch and touchdrag events are added to make the iPad experience optimal. If zooming is enabled on your chart, dragging the finger across the chart will zoom in on the given area. If zooming is not enabled, dragging the finger will display the tooltip texts for the points as they are hovered.

Dashed lines

Dash styles are added for line graphs, plot lines and grid lines. This makes it easy to distinguish graphs without colors, or apply that special dashed or dotted effect.

Labels for plot bands

Plot bands and plot lines are augmented with labels that can be aligned to any edge of the band or to the center. Other new options for plot bands and lines are z index and click events.

Separate MooTools adapter

Since jQuery is by far the most popular JavaScript framework, we have taken this into consideration and pulled out the MooTools adapter. This makes the download size smaller for the majority of users.