amCharts meets RequireJS

Type tutorial

Many modern websites rely heavily on JavaScript. Each one has at least several home-cooked and 3rd party libraries. With the number of them growing, it becomes increasingly difficult to manage all of them, especially if you want to make sure to minimize traffic overhead by loading only what’s absolutely necessary for the particular page. That’s […]

Compiling and minifying JavaScript file from sources

Type tutorial

In case you have OEM/SaaS license of amCharts, you have access to uncompiled sources – they are available in sources folder. These uncompiled sources have long, self explanatory variable names and comments, which are not available in compiled version. Each class is a separate file – this helps quickly find the place you need. If […]

Using events

Type tutorial

I guess most of you are familiar with events model, but in case not, I will try to explain it in as simple way as I can. The chart fires (dispatches) events. Some of them are dispatched without any user interaction, for example, when chart is rendered for the first time, chart fires init event. Other […]

Creating custom maps for JavaScript amMap

Type tutorial

You can create your own custom maps and use them with amMap – a tool for creating interactive JavaScript maps for web sites. AmMap uses SVG maps. It can load SVG file or you can include JavaScript file with SVG data converted to JSON. This option is better as loading SVG might be problematic, depending […]

Understanding data grouping of Stock chart

Type tutorial

In this article we will explain how data grouping feature of stock chart works. Take a look at this example first. If you roll-over the chart so that chart cursor would appear, you will notice that each data point represents one day. This is quite expected, as we provided daily data for this chart. Now, zoom-out to […]

Live-editing Chart Data

Type tutorial

Sometimes we get the questions that go along like this “How do I hook up HTML controls to live chart data?”. While technically it’s beyond what charts do, we’re feeling generous, so let’s build a nice chart data editor. Shall we? NOTE: If you don’t feel like parsing so many letters, you can jump right […]