October 18, 2010 by Torstein Hønsi
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.
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.
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.
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.
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.
Problems with colliding category labels can now be prevented by drawing the labels over multiple lines (step option), or showing only every nth label.
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.
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.
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.
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.
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.