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.
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.
- See tooltip options => shared and crosshairs
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.
- See Chart object => setSize
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.
- See axis options => step and staggerLines
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.
- See series options => stack
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.
- See pie data label options => distance and connectorColor
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.
- See the ajax demo
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.
- See plot options => dashStyle
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.
- See label options
SEPARATE MOOTOOLS ADAPTER