9 Tips for AnyStock Best Performance

November 13th, 2012 by Margaret Skomorokh

AnyChart Stock and Financial Charts, our tool for visualizing time-based data, is sophisticated and fast at the same time - but with some simple tricks, you can improve its performance even more. Here are nine tips for AnyStock best peformance with the links to detailed instructions and samples in our documentation:

1. When you have thousands of points on the chart, it is a good idea to use data grouping. Ungrouped data always slows the chart due to the fact that you actually have thousands of objects added to the plot. Grouping limits the number of objects displayed and keeps the ability to zoom in and see actual data.

2. Ungrouped data is particularly slow when you have a lot of peaks (i.e. sets like (1,-1,1,-1,1,1…) with more than a thousand of points). The reason is Flash poor performance with drawing vertical lines. This problem can be solved by turning on grouping, but please do not forget that the scroller thumbnail series always shows ungrouped data, so it is better to turn it off. To learn how to do it, please see: Scroller without Data Provider.

If you operate “peaky” data sets, by the same reason a Stick series performs better than a Bar series, Line — even better than Stick, and the utmost performance can be reached with a Marker series.

3. Using live update options, you should be careful with the number of technical indicators - due to their nature they are recalculated when new data arrives and sometimes may slow things down. However, calculation takes only 10% of time, and 90% is consumed by redrawing, so you should note this only when data set has more than 10.000 points and you are using more than 10 indicators.

4. The best timestamp format is %T since it is not converted on a data set parsing stage and is used as is. The %u timestamp format is good too. All “normal” date/time formats slow the performance down because they need to be converted into %T before being used by the internal data storage. See more: Timestamps in Milliseconds.

5. If you are using live update with the appendData() method, it is better to do, for example, one update with 5 rows each 10 seconds, rather than five updates with 1 point each 2 seconds.

6. Annotations slow the rendering down when you have more than a hundred of them on a chart (this will be improved in the future versions).

7. In case of a bad mouse-over experience, you may consider dropping the use of the {%SeriesIcon} token in the legend and use either text coloring or a UTF full block (U+2588) symbol.

8. If the Scroller responsiveness is poor, try to use the former without a data provider. To learn how, see the sample XML: Scroller without Data Provider.

9. If you are using ungrouped data, and the mouse-over performance is poor, please check if markers are enabled and consider disabling them.

Spread Co Chooses AnyStock for Its Online Trading Platform

September 26th, 2012 by Margaret Skomorokh

Today we are glad to publish a new customer success story - about AnyStock and Spread Co.

logo_spread_coSpread Co, founded in 2006, is one of the leading providers of Contracts for Difference and Spread Trading in the UK, with partnerships in a number of locations worldwide, including Central and Eastern Europe, Scandinavia, the UAE and South America. The company offers three trading platforms: a downloadable desktop platform Saturn Trader, Saturn Mobile for iPhone, and Saturn Web for online trading.

The challenge was:

  • To find a reliable and fast Flash-based charting solution that could be controlled from a JavaScript API in order to implement a visualization for Saturn Web – an online multi-asset trading platform supporting Foreign Exchange, CFD Trading and Spread Betting.
  • To provide tools for technical analysis, the ability to add annotations and draw on charts.

Solution:

  • The AnyChart Stock component was chosen as a solution, having an extensive JavaScript API and great opportunities for customization. The component comes with a special JavaScript library that controls all the aspects of the interaction between the chart, the HTML page, and the server.
  • AnyStock supports annotations, a complete list of drawing tools, and 30 automatically calculated technical indicators and overlays.

You can enjoy the full success story here:

logo_spead_co Spread Co
Spread Co Chooses AnyStock for Its Online Trading Platform >>

Or see other AnyChart Customers Success Stories.

AnyStock 1.7.0 Released

July 11th, 2012 by Margaret Skomorokh

We are proud to announce the release of AnyChart Stock and Financial Charts 1.7.0. We have made some significant changes and added a number of new features. Some of the improvements impact the default settings. Please take a moment to familiarize yourself with these changes prior to deploying.

The most important changes are in Fibonacci annotations settings and defaults: they have new defaults and are displayed in a new, different, and better way. Level labeling has been added and enabled by default. Fibonacci Fan now shows not only price levels but also time levels and a grid. If you upgrade to 1.7.0 and use Fibonacci annotations, you will see changes in your charts. However, you can revert to the old view by specifying additional settings in your configuration files.

Additionally, the <export> node is deprecated and replaced by the <export_settings> node, so it is strongly recommended to review your configuration files and make the necessary changes. In JSON configuration this replacement means: export turns into exportSettings. These changes are made to avoid problems with the objectModel chart property in Internet Explorer.

New features

Improvements

  • The <export> node is deprecated due to the problems it gave when trying to obtain the objectModel property in Internet Explorer. Please use the <export_settings> node instead.
  • The logarithmic axis minimum auto calculation is improved.

Bug fixes

  • The Scroller thumbnail series no longer displays missing values at the end of a data set as zeros.
  • A separated tooltip pin no longer breaks when a zero length range is selected.
  • Event markers are properly bound to series fields.
  • Flex version no longer throws the errors which occasionally presented themselves while working with the component.
  • Fibonacci Arcs geometry issues are fixed.
  • Flex iOs mouse over problems are fixed.
  • The enabled attribute of the <line> subnode of major and minor grids in axes now works properly.

Here you can see AnyStock version history: http://anychart.com/products/stock/history/
The new version is available for trial download: http://anychart.com/download/

AnyChart 6.0.10 Available

July 11th, 2012 by Margaret Skomorokh

A new version of our charting component is available - AnyChart 6.0.10. The improvements include:

New features

  • Circular Gauges Beta have been added to the HTML5 engine.
  • The Flex component now provides the getBase64PNG() and getBase64PDF() methods with optional width and height parameters.

Bug fixes for the HTML5 engine

  • Custom attributes are now correctly set via JSON.
  • Custom attributes are now correctly retrieved in point events.
  • Action arguments are now correctly passed in JSON.
  • The maxChar and maxCharFinalChars formatting options are now supported.
  • The autocalculated datetime scale crash is fixed.
  • The heatmap lower case row/column names problem is fixed.
  • The first stack elements are no longer hidden when the Logarithmic scale is used with the Stacked mode.

Bug fixes for the Flash engine

  • “On resize” crash in Flex applications is fixed.
  • The getPNG(), getPDF(), saveAsImage(), and saveAsPDF() methods now properly handle optional width and height parameters.
  • Marker series is now properly animated.
  • Incorrect plot display in 3D mode with scroll enabled is fixed.
  • Opacity is now correctly set in 3D “Aqua” pie charts.
  • The first stack elements are no longer hidden when the Logarithmic scale is used with the Stacked mode.
  • Tooltips are properly positioned in Flex applications with non-absolute layering used.

Here you can see AnyChart version history: http://anychart.com/products/anychart/history/
The new version is available for trial download: http://anychart.com/download/

Extravision Chooses AnyChart to Display Email Reporting Statistics

July 2nd, 2012 by Margaret Skomorokh

The numerous industries where AnyChart was applied includes the Email Marketing industry, and today we are publishing a success story about this case.

logo_ExtravisionExtravision, founded in 2004, is a privately owned UK-based email service provider that offers flexible email marketing solutions to both small and large businesses across all sectors. Its products include Extravision Messenger, which enables users to create and send email marketing campaigns, and Extravision Reports — a tool designed to assess the ROI and effectiveness of email campaigns sent via Extravision Messenger.

The challenge was:

  • To enhance the display of the top email reporting statistics within Extravision Reports.
  • To create a style that is easy for users to interpret and digest.
  • To visualize different types of data: opens, clicks, and unsubscribe percentages as well as some time-based metrics.

Solution:

  • AnyChart was chosen to visualize the statistics due to its flexibility and opportunity to create visually appealing and readable charts.
  • AnyChart has all the features needed to easily configure charts and customize the style.
  • Opens, clicks and unsubscribes were displayed in a pie chart format which allows users to see in an instant the success of their email campaigns. Line charts were used to display time-based data.

You can enjoy the full success story here:

logo_Extravision Extravision
Extravision Chooses AnyChart to Display Email Reporting Statistics >>

Or see other AnyChart Customers Success Stories.

NERRS Centralized Data Management Office Chooses AnyChart to Visualize Water Quality and Weather Data

June 29th, 2012 by Margaret Skomorokh

We are glad to present a new customer success story that demonstrates how AnyChart was used to visualize water quality and weather data.

logo_NERRSThe National Estuarine Research Reserve System (NERRS) is a partnership program between the U.S. National Oceanic and Atmospheric Administration and the coastal states, established in 1972. It encompasses a network of 28 areas representing different biogeographic regions of the United States that are protected for research, education, and stewardship. Quantitative measurements within the program concern both short-term variability and long-term changes in the water quality and weather of estuarine ecosystems. The NERRS Centralized Data Management Office is charged with managing and disseminating these data.

The challenge was:

  • To provide graphs of near real-time water quality and weather data that is transmitted hourly from National Estuarine Research Reserves across the United States.
  • To allow users, which vary from local fishermen to research scientists, a quick and clean way to view data from one or multiple parameters (such as air temperature, wind direction, salinity, etc.) for the past 24 hours.

The solution consisted in the following:

  • AnyChart’s charting technology was chosen as a solution. Data from an SQL database is converted to the XML format by ColdFusion and passed to the Flex version of AnyChart component, which is an easy and quick way to update the graphs.
  • AnyChart’s ample opportunities for customization were used to create comprehensible and clear interactive visualizations.

This visualization is publicly available through the NERRS Centralized Data Management Office Real Time Data Application

You can enjoy the full success story here:

logo_nerss The National Estuarine Research Reserve System’s Centralized Data Management Office
NERRS Centralized Data Management Office Chooses AnyChart to Visualize Water Quality and Weather Data >>

Or see other AnyChart Customers Success Stories.

AnyChart 6.0.9 Available

June 5th, 2012 by Margaret Skomorokh

We have released AnyChart 6.0.9, and now our HTML5 engine supports the following features:

  • blur effect in 3D Pie Charts,
  • cone shape in Bar Series,
  • dashed lines,
  • hatch fill.

We also have fixed a number of bugs, mostly of the HTML5 engine:

  • HTML5 engine no longer creates functions and variables in the global document namespace.
  • Memory leak problem in TreeMaps and AxisBased charts is solved.
  • Multiple axes markers display problems is solved.
  • The {%AxisMax} and {%AxisMin} tokens are calculated properly now.

Here you can see AnyChart version history: http://anychart.com/products/anychart/history/
The new version is available for trial download: http://anychart.com/download/

Circular and Linear Gauges in AnyChart

April 2nd, 2012 by Margaret Skomorokh

Today we are going to highlight another useful feature of our product. A Gauge (also known as Meter) is an instrument with a graduated scale or a dial for measuring or indicating quantity. As a rule, it is used to show business Key Performance Indicators (KPIs) and to reproduce barometers, thermometers or voltmeters. In AnyChart two types of gauges are available: Circular and Linear.

The Circular Gauge is like gauges on a car dashboard. It consists of a radial scale holding your data range and a pointer. Gauges can be not only circular, but also semi-circular. In fact, AnyChart supports any angle ranges.

Our component also provides the opportunity to implement color ranges, which are used for classifying data. You can set the desired number of different colors depending on the number of your conditions. For example, you may have only 2 colors for satisfactory and unsatisfactory results or a whole palette consisting of 10 colors indicating different temperature ranges.

You can use multiple pointers and even multiple data ranges, place them anywhere or invert data ranges direction. Circular ranges have an adjustable data scale, so you can define its length, minimum and maximum values, and so on.

Horizontal Linear Gauges and Vertical Linear Gauges are sliders or a wide lines (either vertical or horizontal). Their main idea is moving a pointer or pointers over a range of data to some point’s value or the difference between points.

AnyChart gives you the opportunity to use multiple pointers and multiple data ranges, set the width of the line and the number of pointers. Different color ranges for background coloring are available, being a significant and very informative element of your gauge.

With AnyChart you have the freedom to create unique gauges, because all elements are fully adjustable. You can create any gauges needed, make them look like in real life and perform any functions, even surpassing their real analogues.


Here is the list of main available features:

To learn more about Gauges, see our documentation and the following sections of our gallery:

For easy start we recommend you these tutorials:

Gauges can be a very suggestive and useful tool when all their potential is used, and in this post we have tried to give you some clues how to do it.

Also please feel free to ask our support team any questions about working with gauges. Thank you for being with us today.

Working with Event Markers in AnyStock

March 25th, 2012 by Margaret Skomorokh

One of the most exciting features of AnyChart Stock are Event Markers - a special type of chart markers that are designed to provide the best experience in showing various events on financial charts: Key Developments, Dividends, Splits, Insider Transactions, Analyst Opinion Changes and so on. This information is very important for financial analysis and have to be properly visualized. That is why our component has a very flexible and convenient set of tools for working with Event Markers.

Event Markers in AnyStock can be added to a chart series or to a timeline. Due to the stacking and merging systems, you can put as many markers as necessary and at the same time keep your chart clean and readable. Rich interactivity improves the perception of events by users, and the opportunity to bind Event Markers to additional data turns them into a highly informative tool.

Available options include:

  • complete control over all visual settings
  • rich interactivity and the opportunity for users to select Event Markers
  • grouping markers that hit the same date into stacks or into a single marker
  • binding additional data (e.g URL links) to each Event Marker
  • built-in elegant tooltip with the support of HTML formatting
  • full range of supported external events and methods for controlling Event Markers from the outside
  • four special marker shapes

and many, many more…


You can learn how to work with Event Markers from our documentation, gallery, and online demos, each of them containing a sample chart, its source code and description. Here is the full list of these demos:

We want you to pay special attention to the following three samples because they can be used in real applications as ready-made building blocks. These samples also demonstrate a number of important characteristics of Event Markers. For example, as it is clear from the two RSS examples, Event Markers can be loaded and removed during runtime, which means that they can be equally as dynamic as data thought not being a part of it.

We hope that we succeeded to throw some light on this useful feature and this article will help you to implement new functionality in your applications, but if anything is still not clear, do not hesitate to contact our support team. We will do our best to help you.

How to Choose Chart/Graph Type for Seeing Data Over time

March 13th, 2012 by Margaret Skomorokh

We continue publishing tips for choosing between different types of charts. Last time we were talking about comparing data, and today we will focus on seeing data over time.

The most popular and adequate ways to visualize time-based data are bar graphs and line graphs. What is the difference between them? First, large sets of data are better visualized via line graphs since line graphs are good in showing trends, and bar graphs in this case just look overcomplicated. Second, bar graphs emphasize the magnitude of changes, so they are an excellent way to demonstrate data with sharp fluctuations.

Example 1.

The following graph shows the number of deaths per year in Cambodia between 1960 and 1990 according to UN estimates:

As you can see, there was a sharp increase of mortality in 1975-1980, which is almost the same period when Cambodia was under the Pol Pot regime (1975-1979). Our graph clearly shows the scale of the genocide this regime is responsible for.

Example 2.

And now we are going to demonstrate demographic data about Cambodia for a longer period: since 1950 and including modernity. A bar graph is not the best choice in this situation. Instead, we will use a line graph:

This visualization still shows the increase of mortality in 1975 quite well and at the same time comprehensively represents the long-term trend.

Example 3.

Sometimes a value we are interested in changes discreetly, i.e. stays constant between change points. For example, stamp prices change only in the rare moments when new stamps with new denominations are emitted. In this case we can choose a bar graph since it represents data discreetly, but what if our data covers a long period of time? A bar graph would be difficult to read, but a line graph should not be used either because to connect two points with a line would mean to distort the real picture.

Fortunately, there is one useful variation of line graphs - step line graphs. To connect data points they use only vertical and horizontal segments instead of straight lines. Here is such a graph demonstrating the US Postal Service prices for first class stamps from 1975 to 2008:

Step line graphs combine advantages of bar and line charts, being good at both showing trends and making the magnitude of changes explicit. And by omitting change points you can focus on the periods when the represented value is constant:

See also: Creating Step Line Chart with AnyChart and Line, Spline, Step Line Charts Gallery

That is all for today, more tips are coming soon.