Chat with us, powered by LiveChat

Archive for the Gantt Chart

Create Simple Gantt Chart Using JavaScript — Tutorial

September 4th, 2019 by Alfrick Opidi

Create Simple Gantt Chart Using JavaScript — Tutorial

Use a JavaScript library to create a Gantt chart and take your project management efforts to the next level.

Earlier this year, my team was looking for a project management tool that could assist us in charting the various tasks related to our app development project against some specific timelines. After doing some research, we finally settled on Gantt charts. However, some people think Gantts are complicated to create. Not true! Thanks to numerous JavaScript chart libraries, data visualization is now simple, flexible, and embeddable.

In our situation, we settled on AnyChart’s JS Charts library because of its ease of use, extensive documentation, flexible code playground for trying out stuff, and other powerful features.

In this tutorial, I’ll walk you through how to create a simple interactive Gantt chart using this data visualization library. Here’s what we’ll be making and you can get the entire code for creating such a Gantt chart at the end of the tutorial:

Gantt chart created along this JavaScript charting tutorial

Read the JS charting tutorial »

JavaScript Graph Visualization Libraries Updated — Check Out AnyChart 8.7.0 with New Awesome Features!

August 8th, 2019 by AnyChart Team

JavaScript Graph Visualization Libraries Updated - Check Out AnyChart 8.7.0 with New Awesome JS Charting Features!AnyChart 8.7.0 is out with a lot of new awesome data visualization features. Look what we’ve added to our JavaScript graph libraries in this major update.

»»» See What’s New in AnyChart 8.7.0! «««

All 3 Extensions for Qlik Sense Updated with New Charting Features in Version 3.4

June 19th, 2019 by AnyChart Team

All 3 Extensions for Qlik Sense Updated with New Charting Features in Version 3.4Hey Qlik users, we are happy to announce the release of version 3.4 for all our three extensions for Qlik Sense! We updated them with new awesome data visualization features and functionality such as technical indicators and more.

At last month’s Qlik Qonnections 2019 conference in Dallas where we exhibited as a new Qlik Technology Partner, we received amazing feedback from the Qlik community. We took that information and have already begun building out some of those requests for our next release of version 3.5 for our extensions for Qlik Sense, so please keep the feedback coming and we’ll keep building.

In the meantime here’s what we added.

Read more at qlik.anychart.com »

JS Chart Libraries Get New Great Features in 8.3.0 Release of AnyChart, AnyStock, AnyMap and AnyGantt

July 10th, 2018 by AnyChart Team

JS Chart Libraries Get New Great Features in 8.3.0 Release of AnyChart, AnyStock, AnyMap and AnyGanttWe at AnyChart are proud to announce the 8.3.0 release of our JS chart libraries AnyChart, AnyStock, AnyGantt, and AnyMap! The present major update brings full support of HTML in tooltips, background settings for chart data bounds, coloring rules and thresholds, easy axis label positioning, new technical indicators, and even more.

Read more »

JavaScript Chart Libraries AnyChart, AnyGantt, AnyStock and AnyMap Receive Major 8.2.0 Update

March 27th, 2018 by AnyChart Team

JavaScript Chart Libraries AnyChart, AnyGantt, AnyStock and AnyMap Receive Major 8.2.0 UpdateThe time has come for another major update of our JavaScript chart libraries, recognized the best in JavaScript technologies earlier this year!

Meet version 8.2.0 of AnyChart, AnyStock, AnyGantt and AnyMap!

To start with, here’s a quick list of what major new cool features have been delivered to our interactive data visualization solutions with this new release:

  • Sunburst Chart;
  • negative logarithmic scale;
  • crosshair multiple labels;
  • minimum/maximum labels;
  • new technical indicators and additional touch support in stock charts;
  • custom drawing, data grid live editor, and new timeline in Gantt charts

Now, let’s take a closer look at each of the major news of AnyChart 8.2.0 and then see what’s next on our roadmap.

Read more »

Happy New Year in JavaScript Charting: AnyChart 8.1.0 Is Out!

December 20th, 2017 by AnyChart Team

Happy New Year in JavaScript Charting: AnyChart 8.1.0 Is Out!The New Year and Christmas are already just around the corner, and we have something astonishing for you in this magical time! The next major update for our product family of JavaScript charting libraries is now released, so meet AnyChart 8.1.0!

Check out what new cool and useful features are delivered in the new versions of our HTML5-based interactive data visualization solutions AnyChart, AnyStock, AnyGantt and AnyMap, as well as what we are going to work on next.

Read more »

Modular JavaScript Charting: AnyChart 8 Premiere

October 2nd, 2017 by AnyChart Team

Modular JavaScript Charting: AnyChart 8 Premiere, 8.0.0 Release of AnyChart, AnyMap, AnyStock, AnyGanttFall is an amazing time for TV, movie, theater, and other art lovers as that’s when a lot of premieres are being launched. Well, we are happy to contribute to the debut mainstream this time! Meet AnyChart 8, a modular JavaScript charting system taking the convenience, performance, and customization in the art of interactive data visualization to the next level.

Join us in reviewing the core innovations delivered in the 8th, module-based generation of AnyChart, including the brand new features now available in our JS charting libraries AnyChart, AnyStock, AnyGantt, and AnyMap, as well as what else is in our nearest plans.

AnyChart JS Charts 8.0.0: Modules, Custom Builds, and Much More

The 8.0.0 release of the AnyChart, AnyGantt, AnyMap, and AnyStock JavaScript (HTML5) charting libraries delivers a lot of brand new features and technical improvements. Please see the list below for a quick overview of what’s new.

Read more »

AnyChart JavaScript Charting Libraries 7.14.0 Released: Can’t Stop Perfecting Data Visualization!

May 30th, 2017 by AnyChart Team

JavaScript Charting Libraries of AnyChart JS Charts 7.14.0 Just ReleasedHere are the spring May flowers we promised. After the hard work put in over the past months, we’re happy to announce that the 7.14.0 release of our JavaScript charting libraries AnyChart, AnyStock, AnyMap, and AnyGantt is out and ready to download! It brings you new cool features and important improvements that will make your data visualization life even better.

Now, we invite you to discover all the new JavaScript/HTML5 charting capabilities that the 7.14.0 version of AnyChart’s data visualization software product family has to offer to you. Here’s a quick overview…

Read more »

AnyChart JavaScript Charting Libraries 7.13.0 Released, Source Code Opened

February 28th, 2017 by AnyChart Team

Reliability has always been our main priority at AnyChart JS Charts. And you definitely know you can trust us, with our JavaScript charting libraries’ public roadmaps, consistent releases, and highly experienced Quality Assurance team. Today we are glad to tell you about another major step that we have just taken in this regard:

AnyChart is now open!

AnyChart Opens Source Code of Its JavaScript Charting Libraries and Releases Major 7.13.0 Update Basically, it means we fully opened the following:
– Source code of our JavaScript charting libraries – it is now available for review and download on GitHub.
– Issue tracker – so you can help us further improve our products, if you can/want.
– Build scripts – to let you compile custom binaries with the chart types you need.
– List of branches – to demonstrate our development cycle and prove you can trust us.

However, that’s not all! In addition to becoming open, we introduced multiple important improvements and new features with the new major release. Let’s see now what else was added to the 7.13.0 versions of our JavaScript charting libraries – AnyChart (JS charts), AnyStock (timeline data based JS charts), AnyMap (JS maps), and AnyGantt (JS charts for project/resource management).

JavaScript Charting 7.13.0: New Features in AnyChart, AnyStock, AnyMap, AnyGantt

AnyChart JS Charts Plugins for Angular Ember jQuery Meteor NodeJS and React Plugins
To make using our JavaScript charting libraries with the most popular JavaScript frameworks as easy as possible, we created special plugins for AngularJS, Ember.js, jQuery, Meteor, Node.js, and React. Save your time and effort by using these plugins when utilizing one of these frameworks.
JavaScript Charting and Sharing JS Charts on Social Networks Facebook Twitter Pinterest and LinkedIn Social Network Sharing
Now any JS (HTML5) chart powered by our JavaScript charting libraries can be easily shared on social networks Facebook, LinkedIn, Pinterest, and Twitter. We included this function in the context menu, so this can be quickly done from there. Properties specific to a particular social network can be set in the exports namespace.
Vertical Charts in AnyChart and AnyStock JavaScript Charting Libraries Vertical Charts
Most of the series in our AnyChart and AnyStock Javascript charting libraries are now also available in the vertical orientation. Whenever that is what you’re looking for, you are welcome to use the isVertical() method. To make the process of building the most popular vertical chart types even more straightforward, we added special constructors, verticalArea() and verticalLine(). Look at vertical charts in our Gallery.
Pareto Chart in AnyChart Pareto Chart
The Pareto chart, named after prominent economist and sociologist Vilfredo Pareto, is currently one of the most popular chart types in the field of management. And we simply could not make you get along without it anymore. So, let’s all welcome the Pareto chart type! Starting from the 7.13.0 version, AnyChart offers it out of the box. Now you can easily create a Pareto chart by using the anychart.pareto() constructor.
Step Forward and Backward Stick and Jump Line Charts in AnyChart and AnyStock Step, Stick, Jump Line Charts
Please also meet these major new arrivals to the list of chart types supported in AnyChart and AnyStock. We introduced Backward and Forward modifications of the Step chart as well as the Jump Line and Stick. The Step Line Forward and Step Line Backward charts are now available with the help of the stepDirection() method. To add a Jump Line chart or create a Stick chart, use the jumpLine() and stick() methods.
Custom Series Drawing in AnyChart and AnyStock Custom Series Drawing
Imagination is freedom. You definitely need to easily visualize your data exactly the way you see it. And we keep on doing our best to deliver you the ultimate customization features. Now we added the new rendering() method to AnyChart and AnyStock so you could put any creative idea into action and build any custom chart. Custom drawing examples: Frog Chart, Cherry Chart, and Column Chart with Rounded Edges.
Legend Customization in AnyChart AnyStock and AnyMap JavaScript Charting Libraries Legend Customization
We added new options to work with the legend in AnyChart, AnyMap and AnyStock. First, the itemsLayout() now lets you improve the legend’s visual appearance, especially when multiple series are displayed. Second, the legend can now be placed inside a data plot (the positionMode() method) to facilitate a more efficient use of space on a chart. Third, the drag() method allows you to easily position the legend on your JS chart.
New Technical Indicators for JavaScript Charting with AnyStock: AMA, MMA, ATR, KDJ, BBands, BBands, %B, BBands Width, and Stochastic Oscillator (Fast, Slow, Full) New Technical Indicators
To expand the range of stock JS (HTML5) charting opportunities available in AnyStock, we added more of technical indicators: Adaptive Moving Average (AMA); Modified Moving Average (MMA); Average True Range (ATR); KDJ; Bollinger Bands (BBands); Bollinger Bands %B (BBands %B); Bollinger Bands Width (BBands Width); Stochastic Oscillator (Fast / Slow / Full). Learn more of all the technical indicators in our Docs.
Individual Data Point Settings in AnyStock Individual Point Settings
Sometimes applying individual settings to a particular data point can be very useful. Although that might not be habitual for stock JS (HTML5) charts, we decided to provide you with this great customization opportunity in the AnyStock JavaScript charting library. Starting from the 7.13.0 release, you are allowed use the allowPointsSettings parameter in the anychart.stock() constructor to enable this option.
Resource Chart Interactivity: Hover and Select in JavaScript Charting with AnyGantt Resource Chart Interactivity
With the previous, 7.12.0 release of AnyGantt, we introduced the redesigned Resource chart. In the new, 7.13.0 version of this HTML5 / JS library, we are glad to present you several major new features added this time. First of all, now you can enable and adjust the Hover and Select interactivity settings in our new Resource charts.
Resource Chart Events Resource Chart Events
With the previous, 7.12.0 release of AnyGantt, we introduced the redesigned Resource chart. In the new, 7.13.0 version of this JavaScript charting library, we are glad to present you several major new features added this time.
First of all, now you can enable and adjust the Hover and Select interactivity settings in our new Resource charts.
Resource Chart Tooltips Resource Chart Tooltips
Third, we have also added Tooltips to the new Resource chart with the current 7.13.0 release of AnyGantt. They will help you display additional information about each activity you are visualizing, in a convenient, greatly interactive way.
Connector Customization in Gantt Charts Connector Customization in Gantt Charts
Of course, we could not leave our Gantt charts without proper attention with regard to new features. This time we made tuning the visual appearance of the Live Editing mode in HTML5 Gantt charts more flexible by adding the new Connector Customization features. You are welcome to take a look at them in action in AnyGantt’s Gallery.

We hope you like the 7.13.0 versions of our JavaScript charting libraries and enjoy the openness of AnyChart!

By the way, we have already scheduled the next major update on May 2017. Please see the roadmaps of AnyChart, AnyStock, AnyMap and AnyGantt in case you would like to find out what you will get with that release. All in all, 2017 is going to be no less fruitful in terms of new features in AnyChart JS Charts than the rich year of 2016!

Please contact our Support Team at any time when you have any questions or requests for new features. We’ll be glad to be of help, as always!

AnyChart’s version history: https://www.anychart.com/products/anychart/history/.
AnyStock’s version history: https://www.anychart.com/products/anystock/history/.
AnyMap’s version history: https://www.anychart.com/products/anymap/history/.
AnyGantt’s version history: https://www.anychart.com/products/anygantt/history/.
Download our JavaScript charting libraries: https://www.anychart.com/download/.
Purchase a license (renovated Buy page): https://www.anychart.com/buy/.

Introducing Chartopedia to Help You Choose the Right Chart Types for Your Data Visualization

January 18th, 2017 by AnyChart Team

Chartopedia: Choosing the Right Chart Types for your Data Visualization. By AnyChart JS ChartsChoosing the right chart types for data analysis and reporting solutions is always a challenge. In fact, there are so many data visualization options out there that it can be really complicated to determine which one to use in a certain situation. And you cannot afford to make a mistake here, because applying data to an inappropriate type of chart will very likely end up causing confusion and even wrong business decisions.

To help you cope with this issue better (and faster), we have developed an information resource named Chartopedia, and it is a pleasure for us to introduce it to you today.

Read more »

Categories
Archive