Archive for the JavaScript

How to Create a JavaScript Area Chart October 28th, 2017 by Timothy Loginov

How to Create a JavaScript Area Chart and Customize ItWant to know how to build a JavaScript area chart? This article will show you how to do that and tell you who invented area charts in the late 18th century.

The area chart is one of the basic charts used to show changes in data over time. The key feature of this chart type is a colored area between the horizontal X-axis and the line marking the changing value. It can be filled with a color, gradient color, or with a hatch fill.

Look at the chart on the title image. That’s the data visualization being created along the tutorial. Such a JavaScript-based area chart will be interactive and good-looking in any browser, on any website and in any app in HTML5. All samples used in the article are available in our collection on CodePen.

Read the JS charting tutorial »


Advanced Visualization of Spot in JS Polar Charts | Challenge AnyChart! October 27th, 2017 by Vitaly Radionov

Advanced Visualization of Spot in JS Polar Charts | Challenge AnyChart!Meet Challenge AnyChart, a brand new feature on our blog that every dataviz engineer will fall in love with! Each article in this series will be a quick tutorial on how to complete a specific data visualization task that – at first sight – seems too complicated or even unsolvable with AnyChart JS Charts.

From now on, once in a couple of weeks, we’ll pick a thrilling challenge – one of those you’ve shared with our Support Team. And then we’ll show you the best way to deal with it. So all of you can see: Nothing is impossible in AnyChart!

The first challenge for the very first Challenge AnyChart issue is about making an advanced interactive visualization of the spot in a JavaScript polar chart.

Read more »


Creating a JavaScript Bar Chart October 25th, 2017 by Timothy Loginov

How to create a JavaScript bar chart: TutorialHow to create a JavaScript bar chart and why is this important? Every day, data visualization becomes all the more powerful and important area of the Web. The volume of information grows, and it must be made understandable as fast as possible. That’s when data visualization instruments like charts and dashboards become a great help.

Creating HTML5 charts might seem a complicated task, but this assumption is wrong. This article blows this prejudice to pieces and shows how to build an interactive bar chart using JavaScript.

The result will look like on the picture above. Then you’ll also learn how to quickly modify and customize such a JavaScript (HTML5) bar chart. All the JS chart examples used along the tutorial can be found on CodePen.

Read the JS charting tutorial »


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 »


Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples! September 20th, 2017 by AnyChart Team

Chart for Angular 4, Ionic Framework, Java GWT Apps: Meet New AnyChart JS Charts Integration SamplesWe at AnyChart continue to do our best to help you get interactive JavaScript charts in your HTML5 projects up and running very quickly no matter what technology stack you are into. In addition to the detailed and all-embracing chart documentation as well as the user and data friendly substance inherent in our data visualization solutions, we already created a number of dedicated plugins and integration samples. Using them will save you time and development effort to run AnyChart JS Charts on top of your technology stack.

Here’s another step in this direction. Now we are glad to deliver three new technical integration samples! These are designed for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps with the help of advanced AnyChart’s JavaScript charting libraries.

Read more »


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 »