AnyChart AnyChart JavaScript Charts designed to be embedded and integrated

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-3958 — Datagrid in SVG fixed for proper support of Internet Explorer.

  • DVF-3974 — Gantt serialization issues fixed.

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

DVF-3857 — Performance issues

We have significantly improved the performance.

Bug fixes:

  • DVF-3899 — Now the data grid is rendered correctly when resized with the splitter.

  • DVF-3835 — Fixed the issue with tree search.

  • DVF-3807 — Tokens now work correctly when used to format the timeline header.

  • DVF-2473 — Fixed the PERT CRUD issue.

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.

Gantt Editing API Improvements | Robust JavaScript/HTML5 charts | AnyChart

Gantt Editing API Improvements

Gantt charts editing API is thoroughly revised and improved.

Improvements:

Bug fixes:

New features::

Bug fixes::

  • DVF-3673 - Formatting fuctions context issues fixed.
Data Grid Live Editor | Robust JavaScript/HTML5 charts | AnyChart

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 | Robust JavaScript/HTML5 charts | AnyChart

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 | Robust JavaScript/HTML5 charts | AnyChart

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.

Improvement:

  • New Gantt API for Timeline elements

  • Data Grid Expand/Collapse buttons customization

API changes:

MethodUse instead
timeline.baseFill()timeline.elements().fill()
timeline.baseStroke()timeline.elements().stroke()
timeline.baselineFill()timeline.baselines().fill()
timeline.baselineStroke()timeline.baselines().stroke()
timeline.milestoneFill()tl.milestones().stroke()
timeline.milestoneStroke()timeline.milestones().stroke()
timeline.parentFill()timeline.groupingTasks().fill()
timeline.parentStroke()timeline.groupingTasks().stroke()
timeline.progressFill()timeline.tasks().progress().fill()
or
timeline.groupingTasks().progress().fill()
timeline.progressStroke()timeline.tasks().progress().stroke()
or
timeline.groupingTasks().progress().stroke()
timeline.selectedElementFill()timeline.elements().selected().fill()
timeline.selectedElementStroke()timeline.elements().selected().stroke()
timeline.baseLabels()timeline.elements().labels()
timeline.baselineLabels()timeline.baselines().labels()
timeline.parentLabels()timeline.groupingTasks().labels()
timeline.milestoneLabels()timeline.milestones().labels()
timeline.progressLabels()timeline.tasks().progress().labels()
or
timeline.groupingTasks().progress().labels()
timeline.baselineAbove()timeline.baselines().above()
timeline.baseBarHeight()timeline.elements().height()
timeline.baseBarAnchor()timeline.elements().anchor()
timeline.baseBarPosition()timeline.elements().position()
timeline.baseBarOffset()timeline.elements().offset()
timeline.parentBarHeight()timeline.groupingTasks().height()
timeline.parentBarAnchor()timeline.groupingTasks().anchor()
timeline.parentBarPosition()timeline.groupingTasks().position()
timeline.parentBarOffset()timeline.groupingTasks().offset()
timeline.baselineBarHeight()timeline.baselines().height()
timeline.baselineBarAnchor()timeline.baselines().anchor()
timeline.baselineBarPosition()timeline.baselines().position()
timeline.baselineBarOffset()timeline.baselines().offset()
timeline.progressBarHeight()timeline.tasks().progress().height()
or
timeline.groupingTasks().progress().height()
timeline.progressBarAnchor()timeline.tasks().progress().anchor()
or
timeline.groupingTasks().progress().anchor()
timeline.progressBarPosition()timeline.tasks().progress().position()
or
timeline.groupingTasks().progress().position()
timeline.progressBarOffset()timeline.tasks().progress().offset()
or
timeline.groupingTasks().progress().offset()
timeline.milestoneHeight()timeline.milestones().height()
timeline.milestoneAnchor()timeline.milestones().anchor()
timeline.milestonePosition()timeline.milestones().position()
timeline.milestoneOffset()timeline.milestones().offset()
timeline.connectorFill()timeline.connectors().fill()
timeline.connectorStroke()timeline.connectors().stroke()
timeline.selectedConnectorStroke()timeline.connectors().selected().stroke()
timeline.connectors().selected().fill()
column.cellTextSettings()column.labels()
column.cellTextSettingsOverrider()column.labelsOverrider()
Conditional Coloring | Robust JavaScript/HTML5 charts | AnyChart

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().

Element Size and Position settings | Robust JavaScript/HTML5 charts | AnyChart

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().

Adaptive Text Formatting | Robust JavaScript/HTML5 charts | AnyChart

Adaptive Text Formatting

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

Improvement:

  • Now all colors used by the elements of a Gantt Chart can be set via the palette() method.

  • Improved the default settings of Timeline Tooltips, now they can freely leave chart area.

  • Improved memory allocation when running AnyChart in Node.js environment.

  • Added new Gantt Chart getRange(), getTotalRange() methods to get current values of date/time range settings.

  • Added new autoRedraw method that significantly improves the rendering performance during CRUD operations.

  • String Tokens now auto-detect the type of formatting (string, number or DateTime) by token arguments. In addition, formatting types can now be defined directly using the type argument.

Bug fixes:

  • Fixed bug with DataGrid drag&drop.

  • Fixed issues with extra small and extra large values formatting.

  • Fixed issues with unicode symbols in String Tokens (desk case #3833, TS-415).

  • Fixed bug with Indian locale (desk case #3283, TS-201).

  • Fixed issues with inappropriate chart rendering into containers with flex layout in Firefox.

  • Fixed scrolling issues in Firefox.

  • Fixed context menu bug that appeared after clicking on collapse/expand buttons.

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 AnyGantt 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.

Timeline Labels Settings | Robust JavaScript/HTML5 charts | AnyChart

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.

Bug fixes:

  • Fixed Data Grid Splitter bug (TS-215, TS-225)

See version history of 7.x