Facebook Pixel

AnyChart JS Charts

JavaScript-Diagramme zum Einbetten und Integrieren

The very first version of AnyChart hit the shelves more than 10 years ago, check out what our products went through and see what's new in the most recent update.

Version 8.x History

<strong>DVF-4682</strong> — Circle packing now offers new labels mode} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4682 — Circle packing now offers new labels mode

Circle Packing Chart (also known as Circular Treemap) is a variation of a Treemap that uses circles instead of rectangles. While Circle Packing may not be as space-efficient as a traditional Treemap, it better reveals hierarchical structures. The AnyChart Circle Packing Chart is interactive, robust, and provides all the features you enjoy in other AnyChart products.

<strong>DVF-4691</strong> — Waterfall Arrows Improvement and more} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4691 — Waterfall Arrows Improvement and more

The Arrows feature in Waterfall Charts allows you to add Arrow-shaped connectors between different parts, along with labels to show changes. The arrow placement algorithm has been improved.

Bug fixes:

  • DVF-4690 — Timeline chart now correctly displays labels for years between 0 AD and 100 AD
  • DVF-4696 — Text-related memory leak issue fixed

Bug fixes:

  • DVF-4680 — Legend memory leak issue fixed
  • DVF-4681 — Connect missing points issue fixed
  • DVF-4684 — Timeline chart useHtml axis labels issue fixed
  • DVF-4685 — Timeline chart zoom issue fixed
Interactivity Events in Calendar and Circle Packing Charts

We've upgraded Calendar and Circle Packing charts by integrating a comprehensive suite of interactivity events. Now, you can attach event listeners to any chart element, triggering actions such as adding or changing information and reshaping chart behavior in response to user interactions like mouse movements, hovers, clicks, and more.

This enhancement ensures seamless and engaging interactivity in both Circle Packing and Calendar charts, giving you the flexibility to create even more dynamic, informative, and personalized data visualizations of those types with the AnyChart JavaScript charting library.

Bug fixes:

  • DVF-4668 — Default export to CSV fixed for pie charts
  • DVF-4675 — Label annotation issue fixed

Bug fixes:

  • DVF-4636 — Surface chart markers zIndex issue fixed
  • DVF-4641 — Network Graph arrows issue fixed
  • DVF-4664 — Surface droplines serialization issue fixed
  • DVF-4665 — Surface csv export issue fixed
  • DVF-4666 — Label annotation issue fixed
<strong>DVF-4552</strong> — Cross-axis settings} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4552 — Cross-axis settings

AnyChart Charts now allow you to put Y and X Axes anywhere on the chart - not only fixed Top/Left/Bottom/Right positions. Move your charts to the next level or readability right now!

<strong>DVF-4545</strong> — Waterfall outside labels} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4545 — Waterfall outside labels

Waterfall charts now have outside labels that allow you to mark small elements in an efficient way.

Improvements:

  • DVF-4540 — Waterfall total point as independent element option added, you can configure it efficiently now.
  • DVF-4610 — Waterfall Split total feature added - you can show total point as several elements now.
  • DVF-4541 — Waterfall stack labels for single-series is now available.

Bug fixes:

  • DVF-4617 — Firefox context menu accessibility issue fixed
  • DVF-4569 — Pie chart radius issue fixed
  • DVF-4568 — Waterfall chart arrows issues fixed
  • DVF-4590 — Surface axes labels overlap issue fixed
<strong>DVF-4550</strong> — Waterfall Arrows} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4550 — Waterfall Arrows

Waterfall charts Arrows feature allows to add Arrow shaped connectors between different parts along with labels to show changes.

<strong>DVF-4554</strong> — Calendar Chart} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4554 — Calendar Chart

A calendar chart is a visualization used to show activity over the course of a long span of time, such as months or years. Use a calendar chart when you want to show how quantifiable values vary depending on the day of the week, season, or how it trends over time.

<strong>DVF-4555</strong> — Circle Packing Chart} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4555 — Circle Packing Chart

Circle Packing Chart (Circular Treemap) is a variation of a Treemap that uses circles instead of rectangles. Circle Packing may be not as space-efficient as a Treemap, but it reveals hierarchical structure much better than a Treemap. AnyChart Circle Packing Chart is interactive, robust, and provides all the features you enjoy in other AnyChart products.

<strong>DVF-4442</strong> — Surface Chart: Marker series} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4442 — Surface Chart: Marker series

We have improved our Surface chart with Marker series which allows showing a set of dots in 3d space.

Improvements:

  • DVF-4527 — Context values {%stack} {%total} for stack labels added
  • DVF-4530 — Tag Cloud stroke settings
  • DVF-4499 — Network Chart arrows for edges

Bug fixes:

  • DVF-4512 — Export as xlsx issue fixed
  • DVF-4517 — Polar Chart value spreading issues fixed
  • DVF-4549 — Value scale application issue fixed
  • DVF-4511 — Waterfall stack labels incorrect position issue fixed
  • DVF-4510 — Waterfall isVertical application issue fixed
  • DVF-4566 — Waterfall scales issue fixed
  • DVF-4509 — Continuous series select api issue fixed
  • DVF-4562 — Waterfall incorrect axis behaviour in isVertical mode issue fixed
<strong>DVF-4373</strong> — Labels text length} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4373 — Labels text length
Added an option to limit the number of characters in labels for easier control over the chart display.
<strong>DVF-4383</strong> — Client-side CSV/XLSX export} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4383 — Client-side CSV/XLSX export
CSV/XLSX can now be exported on client-side, without the help of an export server.
<strong>DVF-4415</strong> — First and Last labels placement improvement} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4415 — First and Last labels placement improvement
First and last labels of regular chart now always find their place on the chart making the chart display more consistent and appealing.
<strong>DVF-4465</strong> — Polar points automatic placement feature} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4465 — Polar points automatic placement feature
Polar charts now can spread the point along the category allowing to create so-called Bullseye chart.
<strong>DVF-4479</strong> — Waterfall stack labels (multi-series)} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4479 — Waterfall stack labels (multi-series)
Multi-series Waterfall got an extra label to show the sum of the stack

Improvements:

  • DVF-4482 — Network Graph selection API improved
  • DVF-4455 — CSV/XLSX export headers can now be formatted

Bug fixes:

  • DVF-4429, DVF-4430 — Client side export issues fixed
  • DVF-4382 — Axis markers issue fixed
  • DVF-4385 — Zero-value stacked bar issue fixed
  • DVF-4436 — Legend in Firefox fixed
  • DVF-4440 — Markers issue fixed
  • DVF-4448 — Network tooltip issue fixed
  • DVF-4463 — Polar chart grid palette fill fixed
  • DVF-4466 — Waterfall connector stroke issue fixed
  • DVF-4472 — Ordinal scale issue fixed

API changes:

Method Use instead
pie.getCenterPoint() pie.center().getPoint()
pie.explodeSlice() pie.select()
pie.explodeSlices() pie.select()
piePoint.exploded() piePoint.selected()
<strong>DVF-4386</strong> — Text shadow effect} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4386 — Text shadow effect
Most of the text elements got an option to tune text shadow with the textShadow() method.
Shadow effect can help with text display on certain background colors or give your visualizations more wow-effect.

Improvements:

  • DVF-4371 — Background corners settings can now be set in percents as well as in pixels
  • DVF-4409 — Sunburst labels performance significantly improved, can now render more than 20.000 points.

Bug fixes:

  • DVF-4372, DVF-4377 — Timeline chart minor issues fixed
  • DVF-4407 — Sunburst single leaf label issue fixed

Bug fixes:

  • DVF-4315, DVF-4325 — Client-side export issue
  • DVF-4319 — Hover cursor on legend
  • DVF-4341 — Selection Marquee issue
  • DVF-4239 — Log scale ticks issue
  • DVF-4255 — Sunburst label issue
  • DVF-4327 — Mobile tappable area for gauge's needle
  • DVF-4322 — Mobile issue (Network chart)
  • DVF-4289, DVF-4290, DVF-4291, DVF-4292 — Gauge ticks issues

Improvements:

  • DVF-4320 — Disable credits over theme
  • DVF-4340 — Legend items alignment settings
<strong>DVF-4247</strong> — Client-Side Export} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4247 — Client-Side Export
We've added the client-side export feature to all our JavaScript charting libraries - AnyChart, AnyStock, AnyGantt, and AnyMap. This will allow you to have your data visualizations saved as images (SVG, PNG, and JPG) and PDF documents without a roundtrip to the server, by leveraging the built-in browser features for a seamless JS chart export, fast and secure.

Improvements:

  • DVF-4277 — Legend. Add some icons support

Bug fixes:

  • DVF-4201 — Legend issues
<strong>DVF-4186</strong> — Timeline Chart} | Robust JavaScript/HTML5 charts | AnyChart
DVF-4186 — Timeline Chart
A timeline is a display of a list of events in chronological order. It is typically a graphic design showing a long bar labeled with dates paralleling it, and usually contemporaneous events.
<strong>DVF-2987</strong> — Network Graph} | Robust JavaScript/HTML5 charts | AnyChart
DVF-2987 — Network Graph
Network graph is a mathematical structure (graph) to show relations between points. The graph visualizes how entities are interconnected with each other. Entities are displayed as nodes (points) and the relationship between them (edges) are displayed with lines.

Improvements:

  • DVF-3596 — AnyChart Locales Improved
  • DVF-3597Custom Messages in locales
  • DVF-4051 — Color Scale reworked - default range and "equal" flag are added.
  • DVF-4073Auto localized context menu from the included locale

Bug fixes:

  • DVF-3897 — Ticks, grids, crosshair appearance issue fixes.
  • DVF-4210 — Polar chart resize issues fixed.
  • DVF-4095 — Issues with xMode "scatter" fixed.
  • DVF-3944 — Resize event issues fixes.
  • DVF-4187 — Charts disposing improved.

Bug fixes:

  • DVF-4041 — fixed 3d grids redrawing problem
  • DVF-4095 — fixed issues with xMode scatter, when scale values are redefined
  • DVF-4107 — fixed issues with sunburst drilldown in FF
  • DVF-4109 — fixed legend redraw bug when position mode is inside
  • DVF-4112 — fixed pie appearance bug with outside labels
  • DVF-4142 — fixed tag cloud appearance bug
  • DVF-4147 — fixed issues with pie labels clipping
  • DVF-4154 — fixed issue in wordtree chart
  • DVF-4156 — fixed issue with pie outside labels
  • DVF-4174 — fixed issue with pie point hover, after clicking on missing point in legend
<strong>DVF-3894</strong> — Word Tree} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3894 — Word Tree
A Word Tree chart is a visualization of a set of words in a hierarchical way. It can be used to show which words most often follow or precede a target word or to show a hierarchy of terms. The font size of words represents their weight - the frequency/number of children
<strong>DVF-3061</strong> — Surface Chart} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3061 — Surface Chart
Surface chart (3D Surface plot) displays a set of three-dimensional data as a mesh surface and is used when you need to find the optimum combinations between two sets of data. The colors and patterns in this chart indicate the areas that are in the same range of values.
<strong>DVF-3378</strong> — Multi Series Charts Grouped by Series} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3378 — Multi Series Charts Grouped by Series
Sometimes it is useful to visualize comparison in a different way - group columns by series. Now you can enable this mode for all basic cartesian charts.
<strong>DVF-3858</strong> — Y Scroller} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3858 — Y Scroller
Now you can add both X and Y Scrollers to your charts.

Improvements:

  • DVF-3085 — New chart constructors added to make API more uniform.
  • DVF-3639Ordinal Scale Modes are introduced to cover certain Area and Line Series Display Requirements (API)
  • DVF-3893Cartesian Series Multiple X Mode: Now you can display cartesian charts with several points with the same argument.

Bug fixes:

  • DVF-3804 — Heatmap tooltip format issue fixed.
  • DVF-3975 — Linear scale small values calculation improved.
  • DVF-3995 — Paginator background bug fixed.
  • DVF-3999 — Tag Cloud tooltip position mode bug fixed.
  • DVF-4045 — Firefox labels issue fixed.
  • DVF-4078 — Empty Data Treemap serialization issue fixed.
  • DVF-4118 — Resource chart JSON/XML deserialization issue fixed.

Bug fixes:

  • DVF-4045 — FFox labels fix
  • DVF-4063 — Chart background zIndex issue
  • DVF-3995 — paginator fix
  • DVF-3999 — tagCloud tooltip fix

Bug fixes:

  • DVF-3941 — Performance improvements.
<strong>DVF-3857</strong> — Performance issues} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3857 — Performance issues
We have significantly improved the performance.
<strong>DVF-3171</strong> — Sankey Diagram} | Robust JavaScript/HTML5 charts | AnyChart
DVF-3171 — Sankey Diagram
A Sankey diagram is a flow diagram that shows nodes linked by flows, the quantity of each flow being represented as its width. This chart type emphasizes the major transfers or flows within a system and helps to locate dominant contributions to an overall flow.

Improvements:

  • DVF-3873 — Improved rendering of legend.
  • DVF-3861 — Line markers of the axes now can dispatch mouse events.
  • DVF-3826 — Now the fill of the 3D Pie chart can be transparent.
  • DVF-3733 — Added the contextMenu() method to the anychart.ui.table class.
  • DVF-1768 — Now a gradient fill can be set as a string.

Bug fixes:

  • DVF-3850 — Improved positioning of the data area.
  • DVF-3835 — Fixed the issue with tree search.
  • DVF-3823 — Fixed the issue with Treemap labels.
  • DVF-2015 — Improved drawing of 3D Area series.
  • DVF-1748 — Improved positioning of labels.
  • DVF-1514 — Improved calculation of the Circular Gauge's range.
HTML Tooltips Support} | Robust JavaScript/HTML5 charts | AnyChart
HTML Tooltips Support
Tooltip customization is way easier now. Full support of HTML is available. You can write your own HTML code and customize tooltip visualization using CSS classes.
Background Settings for Chart Data Bounds} | Robust JavaScript/HTML5 charts | AnyChart
Background Settings for Chart Data Bounds
The background can be changed for the data area if needed.
Coloring Rules and Thresholds} | Robust JavaScript/HTML5 charts | AnyChart
Coloring Rules and Thresholds
New ways to customize the coloring of series are added. Negative/positive colors, rising/falling colors, and the ability to specify the Color Scale with thresholds for series.
Axis Labels Positioning} | Robust JavaScript/HTML5 charts | AnyChart
Axis Labels Positioning
The positioning of axis labels inside data plots is made easier.

Improvements:

  • Color palettes improvements
  • Labels background settings improvements
  • Axis markers improvements (new methods: background, padding, scaleRangeMode)
  • Markers/Labels clipping improvements
  • anychart.ui.Table: new export methods ( saveAsXlsx, saveAsCsv)
  • 3D Charts issues
  • Venn Chart: new token %selectedPointsSum
  • Pie Chart labels overlap improvements

Bug fixes:

  • Tooltip issues in financial charts
  • Color functions anychart.color.darken and anychart.color.lighten issues
  • XML serialize scale ticks issue
  • Escape/Unescape symbols in XML serialization
  • Linear Gauge issues
  • Pointer's z-Index in Circular Gauges issue
  • Heat map scroll inversion bug
  • Gauges scale calculations problems
  • Charts xScroller issues

Improvements::

  • DVF-3634 — 3D pie minor improvements.
  • DVF-3552 — Scatter ticks improvements. The allowFractional() method added.
  • DVF-3475 — The toCsv() method improved.

Bug fixes::

  • DVF-3678 — Ticks calculations after draw fixed.
  • DVF-3048 — Fixed issues with stacked points with zero value.
  • DVF-2916 — Grid layout issues fixes.
  • DVF-1350 — The bug in the search() method fixed.
Sunburst Chart} | Robust JavaScript/HTML5 charts | AnyChart
Sunburst Chart
In addition to a lot of chart types already available in the AnyChart JavaScript charting library out of the box, we've added the Sunburst Chart (also called Radial Treemap). It presents an excellent way of visualizing hierarchical data by means of concentric circles.
Min/Max Labels} | Robust JavaScript/HTML5 charts | AnyChart
Min/Max Labels
Min/Max labels give you a unique opportunity to show the minimum and maximum values on the chart. This feature allows users to see at a glance what is happening with the data.
Crosshair Multiple Labels} | Robust JavaScript/HTML5 charts | AnyChart
Crosshair Multiple Labels
Now you can display several crosshair labels on additional axes of the chart. Hence, it is possible to add an extra axis (e.g. one with percentage values), enable this feature and get more insights at a time while exploring such an interactive data visualization.
Negative Logarithmic Scale} | Robust JavaScript/HTML5 charts | AnyChart
Negative Logarithmic Scale
In release 8.2.0, we've introduced the support of negative values on the logarithmic scale. This can be helpful in creating a clearer and more comprehensive visualization when working with large data sets.

Improvements:

  • DateTime Scale improvements
  • Update localizations files. Current version is 1.2.0 (see at cdn).

Bug fixes:

  • Legend issues
Pie Chart — Outline} | Robust JavaScript/HTML5 charts | AnyChart
Pie Chart — Outline
Although the outline itself does not carry any particular information on a chart, it can be utilized to make a Pie Chart stand out visually in comparison with the other charts and to stress the importance of the data displayed. By default, the Pie Chart Outline features the width of 10 pixels and the lighter fill color.
Donut Chart — Center Content} | Robust JavaScript/HTML5 charts | AnyChart
Donut Chart — Center Content
How to efficiently use the space on a web page will always remain a topical question for the web design. To contribute to this field, we've introduced the .center() method making the process of adding the content to the center of a Pie Chart as easy and convenient as possible. You can use .center() to add text or other charts.
Pie Chart — Interactivity} | Robust JavaScript/HTML5 charts | AnyChart
Pie Chart — Interactivity
New methods now available in Pie Chart: normal(), hovered() and selected(). They allow to configure any settings for the corresponding states, including fill(), stroke(), outline() and explode().
Pie Chart — Label Placement Algorithm} | Robust JavaScript/HTML5 charts | AnyChart
Pie Chart — Label Placement Algorithm
The newly added Pie Chart Outside Labels distribution algorithm makes sure that labels are well-positioned and provided with enough space to be displayed in a clear, neat manner. The outsideLabelsSpace() method is now deprecated as far as its value is calculated automatically. See the Pie Chart with Dynamic Start Angle example to see how it works.
Label Annotation} | Robust JavaScript/HTML5 charts | AnyChart
Label Annotation
Label Annotation is an excellent way to highlight particular data or events on a chart, add trendline captions and leave notes for data analysts.

Improvements:

  • Improved memory allocation when running AnyChart in Node.js environment.
  • String Tokens now auto-detect the type of formatting (string, number or DateTime) by token arguments. In addition, types of formatting can now be defined directly using the type argument.

Bug fixes:

  • Fixed issues with using String Tokens in Legend itemsFormat() method.
  • Fixed issues with extra small and extra large values formatting.
  • Fixed issues with unicode symbols in String Tokens (desk case #3833, TS-415).
  • Fixed animation issues that accure during update of Pareto Chart settings (desk case #3062, TS-229).
  • Fixed bug with labels settings from data (DVF-3403).
  • Fixed bug with cycling angles values in Tag Cloud.
  • Fixed issues with inappropriate chart rendering into containers with flex layout in Firefox.
Modular System} | Robust JavaScript/HTML5 charts | AnyChart
Modular System
Modular System is the core of AnyChart 8. It allows you to significantly reduce the size of the JavaScript running on your web page by connecting only those chart types and features that you actually use. The modular based AnyChart is perfectly compatible with popular bundling tools such as Webpack, Browserify, and so on. Use our JS Builder to easily generate a custom build.
Custom JavaScript Builds} | Robust JavaScript/HTML5 charts | AnyChart
Custom JavaScript Builds
Custom JavaScript Builder is designed for assembling a JavaScript file that contains only the features and chart types you are really going to use. The AnyChart version 8.0.0 contains 30 modules and 16 themes. You can also build a file that contains your license key.
Node.js Server-side Rendering} | Robust JavaScript/HTML5 charts | AnyChart
Node.js Server-side Rendering
Node.js server is a lightweight web server that provides API for generating vector graphics (PDF, SVG, or PS), bitmap images (PNG, JPG, or TIFF), PDF reports, and data in CSV and XLSX (Excel). It uses the JavaScript code as well as JSON and XML configurations as input data. The server is very easy to install and customize, you can run it on any major platform: Linux, Windows, and macOS. It is ideal for creating report systems that send charts via email or social network sharing tools.
No Data Label Feature} | Robust JavaScript/HTML5 charts | AnyChart
No Data Label Feature
No Data Label Feature is an API designed to notify the chart viewer that data is not available. Data can be missing due to its absence by default or if it has been removed by means of the Data Updating API, Exclude Data Point feature, or through the interactivity.
CSV/Excel Export Reworked} | Robust JavaScript/HTML5 charts | AnyChart
CSV/Excel Export Reworked
By popular demand, we've remastered the algorithm for preparing CSV/Excel data for charts. Now it takes into account the chart type specific features and allows you to use multiple data sets for different series.
Chart Export Settings} | Robust JavaScript/HTML5 charts | AnyChart
Chart Export Settings
Now you can customize the export settings for each chart: links and descriptions for sharing on Facebook, image export options, and so on.
Context Menu Customization API} | Robust JavaScript/HTML5 charts | AnyChart
Context Menu Customization API
We've significantly simplified the process of the context menu customization. Now each item of the context menu is assigned with an ID that can be called to access the corresponding fields and settings as well as to add custom ones. We've also added the option to localize the context menu.
General API Improvements} | Robust JavaScript/HTML5 charts | AnyChart
General API Improvements
We've substantially improved the AnyChart JS Charts API specifically for the 8th generation of our JavaScript charting libraries. Appearance settings, Grids settings, Data Mapping settings can now be made much easier. To facilitate and streamline the transition from AnyChart 7 to AnyChart 8, we've created the Migration Tool that will allow the majority of users to switch over to the new version in semi-automatic mode.
Data Points Size Settings} | Robust JavaScript/HTML5 charts | AnyChart
Data Points Size Settings
The size of Data Points is now under your full control as we've added the following methods:
3D Line Chart} | Robust JavaScript/HTML5 charts | AnyChart
3D Line Chart
AnyChart already supports multiple dozens of chart types out of the box. Release 8.0.0 brings the next new one: We've added the 3D Line Chart type.
Series Stacking Order feature} | Robust JavaScript/HTML5 charts | AnyChart
Series Stacking Order feature
Now you can set the order of series in Stacked Charts by using the stackDirection() method. This feature will be helpful when you work with data from third-party sources and have no control over the input data format.

Improvements:

Bug fixes:

  • Fixed issues with Drawing Annotations Labels formatting (Case 3293, TS-195)
  • Fixed issues with changing series data after draw in financial charts (TS-150)
  • Fixed error with displaying tooltips in IE 6-8 (Case 3173, TS-296)