AnyChart AnyChart تم تصميم رسوم JavaScript البيانية ليسهل دمجها وتكاملها

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

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.

DVF-3857 — Performance issues | Robust JavaScript/HTML5 charts | AnyChart

DVF-3857 — Performance issues

We have significantly improved the performance.

DVF-3171 – 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)

See version history of 7.x