Archive for the Tips and Tricks

Custom Technical Indicators in JavaScript Stock Charts — Challenge AnyChart!

March 14th, 2018 by Irina Maximova

Custom Technical Indicators in JavaScript Stock Charts — Challenge AnyChart!
It is a pleasure to present a new Challenge AnyChart article! We love our customers and their original tasks, so we continue to show the unlimited capabilities of our JavaScript charting libraries to the blog readers.

The heroes of today’s tutorial are custom technical indicators. Below we’ll explore how to add them to a JS (HTML5) stock chart step by step. So, let’s begin.

Read more »

Conditional Custom Drawing in JavaScript Charts — Challenge AnyChart!

December 13th, 2017 by Vitaly Radionov

Conditional Custom Drawing in JavaScript Charts — Challenge AnyChart!The time has come for a new Challenge AnyChart! article! We continue to receive interesting data visualization tasks from our wonderful customers and are happy to share with our blog readers how to solve some of the most inspiring ones with the help of our JavaScript charting libraries.

In today’s tutorial, let’s dig into custom drawing and create an interactive HTML5 line chart of which the segments with negative values are painted with a different color than the rest of the graph.

Read more »

How to Create Pie Chart with JavaScript

December 6th, 2017 by Timothy Loginov

Bulding an interactive JavaScript pie chartHave you ever wondered, how web developers create and integrate interactive JavaScript pie charts into HTML5 apps and web pages? If the answer is yes – keep on reading! This article explains how to create, change and integrate a pie chart into your web page. Beware! A hot-button political issue is present in this article. But we will not offend anyone!

Pie chart is one of the most popular chart types. Mathematically speaking it looks like a circle divided into sectors which represent a part of a whole. For the most of us, pie charts look like real pies or pizzas cut into several slices. In this article, you will find a detailed tutorial on how to build one, with JS chart code samples.

Read the JS charting tutorial »

How to Add Multi-level Category Axis — Challenge AnyChart!

November 29th, 2017 by Vitaly Radionov

Multi-level Category Axis — Challenge AnyChart!We are glad to present to you a new article in the Challenge AnyChart! series.

Just to remind you, these are articles inspired by your requests to our Support Team and our will to publicly prove that the opportunities of interactive data visualization with our JavaScript (HTML5) charting libraries are profound.

One of our customers asked us how to add a multi-level category axis for categorical data and display subcategories. Ok, there you go! We’ve made a quick tutorial and created the corresponding JavaScript chart example (you can already see it in the title picture).

Read more »

Android Charts Made Easy – Meet AnyChart Library for Data Visualization in Android Apps!

November 21st, 2017 by AnyChart Team

AnyChart Android Charts library released to ease interactive data visualization in Android appsAndroid app developers can now use AnyChart Java wrapper to run our interactive data visualization solutions in native Android apps! Meet AnyChart Android Charts!

It’s a stunning data visualization library for making interactive HTML5 charts in Android apps, running on API 14+ (Android 4.0). AnyChart supplies dozens of different chart types and seamlessly works with any data from any database.

Read more »

How to Create 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 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 »

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 »

Top Data Visualization Mistakes to Avoid

August 29th, 2017 by Jay Stevenson

Revealing and explaining top data visualization mistakes to avoidData visualization is a fast and simple way to convey messages and concepts in an efficient manner. Besides improving the information relay, this approach has also changed the way business is done. Organizations that deal with large amounts of information on a daily basis can now process data and have the intended audience decipher it at lightning-fast speeds, thus enhancing the process of information management. However, data visualization mistakes are quite widespread, and let’s take a look what they are, why they are harmful, and how to avoid them.

Read more »

Categories
Archive