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 […]

Creating Sparkline / Micro Charts

Type tutorial

Despite what you may have heard, JavaScript Charts from amCharts CAN be used to create inline sparkline or microcharts. This article will walk you through the steps needed to minify your charts. Let’s take some simple column chart as an example: The code for the above chart is here. Now let’s say I want 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 […]

Time series chart – the great advantages of parsing dates

Type tutorial

Chart which parses dates vs the one which doesn’t I might be wrong, but I make a guess that at least 50% of all serial charts have date/time on they category axis – they show how some value changed over a time. That’s why, when choosing a charting library, one of the main thing you […]

Displaying bullets on specified points only

Type tutorial

In some cases you might need to show bullet only at a specific data point, not all of them. Or you might need to have  a different from default bullet for some points. To do this, you should first add bullet field in your data provider, for example: var chartData = [{ “date”: “2009-10-26”, “value”: […]

Interacting between JavaScript Charts and JavaScript Maps

Type tutorial

Say, you have a map on your page. Perfect. Now you want to add a little chart. Easy. Finally you want the chart to go over the map, and, to further complicate things, want the chart to update it’s data when user clicks particular countries on the map. It may be easier than you think. […]

Working with Stock Chart as with Serial chart (important!)

Type tutorial

Our Stock chart can display multiple StockPanels. And Stock Panel inherits all properties and methods of AmSerialChart. This means that pretty much everything you can do with serial chart – add multiple value axes, guides, trend lines, you can also do with Stock panel. Same is with StockGraph – as it extends AmGraph, it can […]

User defined min/max values of Value Axis

Type tutorial

You can use minimum and maximum properties of ValueAxis to set starting and ending value for your value axis. However, those are just “suggestions”. The chart will always struggle to adjust the scale of the value axis so that it displays “pretty” starting and ending values, as well as nice intermediate steps. So if you set, say, the scale […]

Combined stacked line/area graphs with non-stacked ones

Type tutorial

To prevent the line graph from stacking with another graphs on a stacked line/area chart, just set its stackable property to false. I.e.: graph.stackable = false; The above works for both regular JavaScript Charts and JavaScript Stock Charts.