AnyChart AnyChart JavaScript Charts designed to be embedded and integrated

DVF-3857 — Performance issues

We have significantly improved the performance.

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.

• Take a look at HTML Tooltip in the Gallery.
• Check out HTML Tooltip in the Documentation.

Gantt Editing API Improvements

Gantt charts editing API is thoroughly revised and improved.

• Take a look at Gantt Editing API Improvements in the Gallery.
• Take a look at Gantt Editing API Improvements in the API.

Data Grid Live Editor

Grid cells of the Gantt Chart can now be edited in the Live Edit mode. If the input data is valid, all the changes can be saved or aborted if otherwise.

Brand New Timeline

Release 8.2.0 has brought significant improvements to the timeline header in Gantt charts. From now on, the number of its levels and their format can be set manually, which further increases the timeline's flexibility. In addition, automatic formatting of dates in response to zoomIn and zoomOut has become even better.

Custom Drawing

We've made it possible to override drawing of any Gantt timeline element (baseline, milestone, etc.). There are no limits to how they can look, you can create any custom visualization based on your imagination.

Conditional Coloring

Now it's possible to apply colors to the elements of Gantt charts using functions. Each of the functions contains a comprehensive set of data about an element to be colored. Below is the list of methods now supporting such functions: rowHoverFill(), rowSelectedFill(), connectorFill(), connectorStroke(), selectedConnectorStroke(), baseFill(), baseStroke(), baselineFill(), baselineStroke(), milestoneFill(), milestoneStroke(), parentFill(), parentStroke(), progressFill(), progressStroke(), selectedElementFill(), selectedElementStroke().

• Take a look at Gantt Chart with Conditional Coloring in the Gallery.
• Check out Gantt Chart Coloring in the Documentation.

Element Size and Position settings

To improve the visual perception of Gantt Charts and make it easier to customize them according to a style, we've added a lot of settings for adjusting the size and the position of all elements in a Gantt Chart. Here's the complete list of such methods: baseBarHeight(), baseBarAnchor(), baseBarPosition(), baseBarOffset(), baselineBarHeight(), baselineBarAnchor(), baselineBarPosition(), baselineBarOffset(), parentBarHeight(), parentBarAnchor(), parentBarPosition(), parentBarOffset(), progressBarHeight(), progressBarAnchor(), progressBarPosition(), progressBarOffset(), milestoneHeight(), milestoneAnchor(), milestonePosition(), milestoneOffset().

• Take a look at Gantt Chart with Elements Custom Size and Position in the Gallery.

Adaptive Text Formatting

Now you can adjust the format of Gantt Timeline labels manually using the new measureWithText() method.

• Take a look at Gantt Resource Chart with Adaptive Labels Format in the Gallery.
• Check out Gantt Chart Labels in the Documentation.

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.

• Check out Modular System in the Documentation.

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 AnyGantt version 8.0.0 contains 30 modules and 16 themes . You can also build a file that contains your license key .

• Check out Modular System in the Documentation.

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

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.

• Check out No Data Label in the Documentation.

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.

• Check out Data Export in the Documentation.

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.

• Take a look at Chart Export Settings in the API.
• Check out Chart Export Settings in the Documentation.

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.

• Check out Context Menu in the Documentation.

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.

• Check out Migration Process in the Documentation.

Timeline Labels Settings

Gantt Timeline text formatting properties are now flexible to the greatest possible extent. To achieve that, we've added the following methods: baseLabels(), baselineLabels(), parentLabels(), milestoneLabels(), progressLabels(). We've also remastered method labels() so it can be utilized to set the defaults for any type of label.

• Take a look at Timeline Labels Settings in the Gallery.
• Check out Timeline Labels Settings in the Documentation.