Archive for the JavaScript

Data Visualization with JavaScript: The Story of AnyChart JS Charts September 7th, 2017 by AnyChart Team

Data Visualization with JavaScript: Product Hunt's No. 1 Hunter Interviews AnyChart's CEOAnyChart is a flexible JavaScript (HTML5) based solution that allows you to create interactive and great looking charts. It is a cross-browser and cross-platform charting solution intended for everybody who deals with creation of dashboard, reporting, analytics, statistical, financial or any other data visualization solutions. AnyChart works everywhere -PCs, Macs, iPhones, iPads, Android devices and helps businesses transform operational data into actionable information.

Kevin William David interviewed Anton Baranchuk, CEO at Anychart to know more.

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 »


JavaScript Drawing Library GraphicsJS 1.2.0 Released + Introduction from SitePoint May 3rd, 2017 by AnyChart Team

GraphicsJS, our powerful JavaScript drawing library that we open-sourced last year, has recently got an update to version 1.2.0. It is the next best news of 2017, a great addition to winning a Devies Award with GraphicsJS for the category “JavaScript Technologies” and to the 7.13.0/7.13.1 releases of our JS/HTML5 charting solutions AnyChart, AnyStock, AnyMap, and AnyGantt.

So, we invite you to take a very quick look at the most important updates (we’ll highlight the two below). And then – in case you want to feel the real power of JavaScript drawing and have not used GraphicsJS in your business or fun web projects yet – we are sharing a nice article published on SitePoint just recently. It is an introduction to GraphicsJS based on two tutorials. They will guide you through the most valuable features of this JavaScript drawing library and demonstrate them in action, and you’ll learn how to easily create a naïve art picture and a time-killer game.

GraphicsJS, a lightweight and powerful SVG-based JavaScript drawing library by AnyChart

JavaScript Drawing with GraphicsJS: Main Improvements

  • Closure library and Closure compiler were updated to version 20161024.
  • Enjoy an improved JavaScript drawing performance! In particular, we optimized the process of obtaining a link to a container for the stage. Also, resize events are now handled with the help of the Timer object, not the iFrame element.

Now, you are welcome to read the SitePoint article about GraphicsJS. Please do not forget to ask your questions, if any. You may do that by leaving a comment here right below the article.

Read more »


JavaScript Charts Library Update 7.13.1 Released for AnyChart, AnyStock, AnyMap, AnyGantt April 18th, 2017 by AnyChart Team

JavaScript Charts Library Update 7.13.1 Released for AnyChart, AnyStock, AnyMap, AnyGanttSweet April showers do spring May flowers,” once wrote 16th-century English poet Thomas Tusser. Well, our customers already know that AnyChart’s April brings flowers, too! Last year we launched the great 7.10.0 version of the AnyChart JavaScript charts library and, basically, of our whole data visualization product family. Now, in the year of 2017, April brings you another great update.

So, please all greet the 7.13.1 release of AnyChart, AnyMap, AnyStock, and AnyGantt – our cute first spring flowers grown especially for you!

Read more »


How to Integrate AnyChart JavaScript Charts in SAP Web UI March 30th, 2017 by Sandor van der Neut

Charts in SAP: How to Integrate AnyChart JavaScript Charts in SAP Web UIWe as ‘mere’ humans are not very good at processing raw statistical data visually when it’s delivered to us in an unrefined form. We are, however, very good in detecting complex patterns when data is presented to us in a graph or a chart. It is therefore no wonder that as a developer you often get the requirement to represent data in a more comprehensible form. When you want to visualize data in the SAP Web UI in a more graphical way the standard possibilities available to you are rather limited. Luckily there are ways to overcome these limitations. When you combine SAP with the graphical power of AnyChart JS Charts a whole range of new possibilities will become available to you.

In this blog I will describe how you can integrate AnyChart in the SAP Web UI with relative ease, how you can feed AnyChart objects with SAP data using both a ‘pull’ and a ‘push’ mechanism and how you can respond in the SAP backend to the events triggered from user interaction with an AnyChart object.

Read more »


Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts March 20th, 2017 by AnyChart Team

Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) ChartsTechnical Support Dashboard is a great tool to keep track of all the support and related activities in your company. It can be very helpful in both monitoring your support team’s performance and revealing issue patterns in customer requests for further use by product strategy and development officers. And when you already have data, all you need is to decide how to visualize it, preferably quickly, easily, and fully compatibly with your own corporate software.

Now that the Web has completely adhered to the HTML5 standard, JavaScript charting libraries are the best type of solution for interactive data visualization. They can deliver all necessary dashboarding features and make the whole process of creating a dashboard for your web app pretty straightforward. Of course, you should just choose a right JavaScript charting library first that will entirely comply with your specific data visualization objectives.

But let’s get back to the very gist. Today we are glad to present the Technical Support Dashboard created with the JavaScript charting library of AnyChart. It is our new sample, available under the Apache 2.0 license, and you can feel free to make good use of it in your own business intelligence solutions. In particular, such a dashboard will help you fully control the support and make right data-driven decisions based on your data.

Now let’s take a closer look at this cool (and helpful) interactive JavaScript (HTML5) dashboard.

Read more »


How to Choose the Right JavaScript Charting Component: 10 Factors You Have to Consider March 5th, 2017 by AnyChart Team

Creating good data visualization is a huge investment of your time, but it’s also one of the most important things if you want to build a competitive, serious application. The best way to get consumers to see and feel your data is through pristine visualization, but choosing the best JavaScript charting library isn’t cut and dry. There are so many factors to consider when you’re thinking about JS charting.

Don’t fret! We’ve outlined some of the most important factors to consider when choosing a JS library. Here are 10 things you need to be thinking about right now.

AnyChart - JS Charts

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: http://www.anychart.com/products/anychart/history/.
AnyStock’s version history: http://www.anychart.com/products/anystock/history/.
AnyMap’s version history: http://www.anychart.com/products/anymap/history/.
AnyGantt’s version history: http://www.anychart.com/products/anygantt/history/.
Download our JavaScript charting libraries: http://www.anychart.com/download/.
Purchase a license (renovated Buy page): http://www.anychart.com/buy/.


AnyChart Wins 2017 Devies Award for Best JavaScript Technologies (PHOTO) February 14th, 2017 by AnyChart Team

Devies Awards 2017 by DeveloperWeekWe are proud to tell you today that our company AnyChart has won the JavaScript Technologies category at the 2017 Devies Awards! The ceremony took place yesterday in San Francisco, CA, as part of DeveloperWeek, the world’s largest developer conference and expo with 8,000 attendees. Our CEO Anton Baranchuk received the award on behalf of the AnyChart team.

The DeveloperWeek Advisory Board received hundreds of nominations and, of course, thoroughly studied how much we did last year. What excited the judges most was the public release of our JavaScript graphics library GraphicsJS. And they concluded that to be last year’s most notable innovation in JavaScript technologies, exceptionally meaningful to the whole web development community.

The Devies Awards celebrate the most innovative companies in the field of developer technologies across 13 categories. Together with AnyChart, among this year’s winners are industry giants Microsoft and IBM.

Read more »


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 »