amCharts & amMap blog

We just released amStock 1.3.0.0 of amStock with a whole bunch of new and exciting features [Download]. Here’s the list:

Logarithmic Scale for Y-axis

Value axes can now use logarithmic scale. set <values><y_left><logarithmic> to true in order to make axis logarithmic. Note, logarithmic axis can’t display values less or equal to zero. For this reason log scale won’t be used when comparing data sets and values are recalculated to percent.

Axis can be switched to logarithmic and backwards using JavaScript function setLogarithmic(chartId, axis, param). For example:

flashMovie.setLogarithmic(0, "left", true);

Trend Lines [Example]

Users of the chart can now draw trend lines. To enable drawing, set
<chart_trend_lines><drawing_enabled> to true. There are some more settings in this group which allows controlling color, opacity and some more properties of the lines.

When drawing is enabled, pencil and eraser icons appear on top right corner of the chart. Check drawing_trend_lines example to see this in action.

The same as events, trend lines can also be loaded from the file – file name is specified for each data set, using <trend_lines_file_name> setting. Check trend_lines.xml for an example of trend lines file.

Trend lines can be added directly to the settings file:

<data_set>
   <trend_lines>
      <trend_line>

Using the same syntax as in the trend_lines.xml file.

You can also set trend lines with JavaScript function flashMovie.setTrendLines(trend_lines, remove_old); where trend_lines is the same XML (one line sring).

Trend lines can be shown or hidden with these JS functions:

flashMovie.showTrendLines()
flashMovie.hideTrendLines()

Set Week Start

It is now possible to define a weekday from which a week starts. Usually this is important for countries, where trading starts on Sunday. So, if your week starts on Sunday, set:

<date_formats>
  <first_week_day>0</first_week_day>

0 is for Sunday, 1 – Monday, etc. The default value is 1.

Now you can tailor ASP.NET controls for amCharts to your specific needs!

Owners of commercial licenses for ASP.NET Controls for amCharts can now access the C# source code. Just login into our customer area to get access.

Download ASP.NET Controls for amCharts

Buy ASP.NET Controls for amCharts

We’re proud to announce the release of amStock Flex Component. Currently in Beta stage it’s the newest addition to our growing family of products. [Download]

Stock Chart’s main purpose is to display financial charts, however it can be used for visualizing any date(time) based data.

Stock Chart is a powerful application that lets you forget about most of the boring parts in building complex statistical systems. It has built-in period and data set selection tools, and can group data to longer periods. This enables you to make drill-down charts without any additional coding, using one data source only.

Stock Chart is based on AmSerialChart component, this means it can do almost anything this component can (check feature list on the left) and of course a lot of more.

Main features

• multiple data sets
• data grouping into periods
• stock events
• resizable Stock panels
• You can add/remove panels and graphs at a runtime – this will help adding stock indicators

Beta stage
amStock Flex component is in beta stage at the moment. Non-beta release is expected in the middle of summer. While beta, we offer 30% discount on this product. And ofcourse, buyers will receive upgrades for free. Buyers of amStock Flex component receive apropriate license of amCharts flex components for free.

FEATURE ADDED:
A new setting, <group_to_full_periods_only> added. This setting affects the chart only if your data contains minutes or seconds. If this is set to false, the chart will try to group data to 10 and 30 sec or min intervals. Otherwise the chart will group to full periods only (seconds -> minutes -> hours…). Note, the default value is “false”. This means the default behavior of the chart was changed – you should set it to “true” in case you want to keep the old behavior.

FEATURE ADDED:
Legend can now show change of the value/percents comparing to the previous date. Previously you could only show the change comparing to the first value of the selected period.

If you want to show percent change of a value comparing to a previous value, use:
{close.percents.single}

If you want to show value change comparing with previous value, use:
{close.change.single}

Download Stock chart

We have just released an update for amCharts flex charting components, with some nice new features:

• coordinateToValue(coordinate) method added to ValueAxis. Converts coordinate (pixels) to value.
• recalculateToPercents property added to valueAxis. If you set it to true, values will be recalculated to percents, using first selected data items value as base value. To show percent values in balloons or legend, use [[percents.value]], [[percents.close]] tags. There is a checkbox “racalculate to percents” in candlestick example. Check it to see this feature in action.
• graphs can have a different dataProviders from main chart’s data provider. Note: only categories available in chart’s dataProvider will be visible.
• zoomToValues(startValue, endValue) method added to ValueAxis. It can only be used with XY chart.
• When zooming XY chart, value axes dispatch axisZoomed event, with startValue and endValue properties.
• invalidateData() method added to AmChart.

Some minor bugs were fixed.

Download flex components

The most exciting news about version 1.4.0.0 is that we added XY (or Scatter/Bubble) and Radar (Polar) charts.

Upgrading from previous version

The new chart types caused some changes in the structure, so there will be several things you’ll need to do when migrating from previous versions. We are sorry for this inconvenience but we feel it is the absolutely necessary change for the sake of consistency in all future versions.

1. AmCartesianChart class renamed to AmSerialChart – simply change the name in your applications.

2. “cartesian” folder with classes like AmGraph, ChartScrollbar, ChartCursor changed to “chartClasses” – if you import one of these classes in your Actionscript, you should change the path to the class.

3. AmChart, AmBalloon, AmLegend classes were moved from com.amcharts to com.amcharts.chartClasses. Change the paths to these classes too.

4. Even if you do not use these classes in your ActionScript, but only mxml, Flex builder can cache the old paths to these classes and show errors when compiling application. The most easy way to solve this is to remove all your amChart objects from the application, save it and bring it back exactly as it was. Now the application should compile properly.

5. CartesianChartEvent is renamed to SerialChartEvent.

6. PieChartEvent and SerialChartEvent (previously CartesianChartEvent) do not have dataUpdated event type anymore. dataUpdated event is now AmChartEvent’s type.

The final version of Flex components will be released on February 8. We do not plan adding new features during this time. The structure won’t change again.

Download Flex charting components

Best regards,

amCharts team.

We have just released a new amStock 1.2.2.0 version with a whole slew of fixes and enhancements. [Download]

• A new setting <balloon_text> was added to <data_set_selector> group. Sometimes data set title doesn’t fit in the drop-down. If you set a value like {title} here, the roll-over balloon will display full title so users can read it. You can also display {short} title and a {description} in this balloon.
• A new setting, <disable_custom_cursors> was added. If you set it to true, custom hand and resize arrow cursors will be disabled.
• A new setting, <chart><events><show_date> was added. If you set it to false, the date will not be displayed in the balloon (when you roll-over the event bullet)
• When user clicks on a predefined period button, this JavaScript function is called: amPeriodSelected(chart_id, type, count, id);
• Now you can select predefined period with this JavaScript function:

  flashMovie.selectPeriod(id);

  id is the pid attribute: <period type="DD" count="10" pid="p1">10D</period> or order number of your period if you don’t have pid attribute.

• amClickedOn and amRolledOver JavaScript functions now return Array of objects containing data set title, short title, id and values of a clicked date:

  amClickedOn(chart_id, date, period, data_object)

  data_object’s structure:

  a) when data is not grouped into longer periods:
      values:
        volume:
          close: 21010110
      id: 0
      short: ES
      title: East Stock

  b) when data is grouped into longer periods:
      values:
        volume:
          close: 16344710
          high: 21587410
          low: 16344710
          sum: 90934150
          open: 16509710
      id: 1
      short: ES
      title: East Stock

• FIX:In some cases event bullets were incorrectly placed above the graph.