Highcharts

What is Highcharts?

Create interactive graphics for your web page with Highcharts

Need to insert graphics on your website or blog? Highcharts may be the ideal application for you. The service helps you create interactive graphics in a much simpler and more practical way. Developed in JavaScript, the tool offers several options and templates for those who want to create graphics.

The excellent tool offers very creative and colorful codes and templates to use on your website.

What is "Highcharts"

"Highcharts' is a graphics library written exclusively in 'Pure JavaScript', offering an easy way to add interactive graphics to your website or web application. Currently, "Highcharts" supports line charts, stacked line, area, stacked area, column, bar, pie, scatter, angle measurements, variation in stacked areas, variation in stacked lines, bubbles, boxes, error bars, funnel, waterfalls, and polres chart types.

Characteristics

Compatibility

"Highchart" is compatible with all modern mobile phone browsers, including Apple products like iPhone and iPad, and fixed workstations like Desktop PC and Labtop.

Its compatibility also includes browsers; Internet explorer from version 6, Android, iOS.

"Multitouch" support providing the user with a smooth and continuous experience. Standard browsers use SVG for graphics retribution.

In older internet browsers, graphics are deployed using VML.

Open source

One of the key features of "highcharts" is the permission given to the user, with paid or free licenses, to download the source code and edit it according to their needs, adding greater flexibility in custom modifications.

Pure JavaScript

"Highcharts" is based solely on native browser technologies and does not require plungins such as Flash or Java. Also, the user does not need to install anything on their server, nor PHP or ASP or .net.

In summary, "Highchart" only requires "JavaScript" file to work.

Types of numeric charts

"Highcharts" supports line charts, stacked line, area, stacked area, columns, bars, pie, scatter, angular variation measurements, area variation, stacked area variation, columnr variation, and polar chart types.

You can also use combinations of these in a single chart.

"SYNTAX" of simple configuration

Setting the "Highcharts" configuration options requires no special programming skills. The options are given in "JavaScript" (JSON) data structure, which is basically a set of values and legends interconnected by colons, separated by commins and grouped by brackets.

Dynamics

Using a full API, the user can add, remove and/or modify series and points or even modify the axes at any time after the chart is created.

Many events provide continuous help (it is not possible to write help hooks) to the user in the programming of charts, establishing a variety of solutions such as graphics in auto-update (Live Charts), connected to databases on servers continuously stocked with new data (e.g. industrial production updates and goals).

Multiple axes

Often, a comparison of variables, which are not on the same scale, is required and necessary, such as plotting temperatures verses rainfall precipitation and atmospheric pressure. "Highcharts" allows the user to assign a y-axis for each data series, or even an x-axis for each data category if you want to compare multiple datasets on the same chart.

Each axis is free to be put by the user to the right or left, top or bottom of the plot area.

All options can be set individually including reversals, styles and positions.

Rótulos “TOOLTIP”

Hovering the charts, "Highcharts" allows the user to display text with hints in "TOOLTIOP" containing information about each point and/or data series, which changes in sequence according to the pointer position on the chart with reading accuracy to the nearest point as well as ease of reading to points located below others.

Date/time axis

75 of all charts with x-axis and y contains an x-axis date/time. Therefore, "Highcharts" is structured very intelligently regarding the measures of time. With axes in millisecond units, "Highcharts" determines where to position the ticks in such a way that they will always be marking the beginning of the month or week, midnight, or noon, hour ly.

Export and Print

With the export module enabled/enabled, the user can export the graphics in PNG, JPG, PDF or SVG formats with single click, or print the graphic directly from the web page.

Zooming

The user can examine any part of the chart where they have special interest using the zoom-in and zoom-out tool. The "Zooming" tool acts in the domain of the X-axis and/or Y-Axis.

Loading external data

The input of external data from "Highcharts" is determined as "JavaScript Array", the definition of which can be determined on local configuration objects, in separate files, or even from another site. In addition, the data can be handled and included in "Highcharts" in any form, and then a "call-back" function is used to sort the data into "JavaScript Array".

Angular variation measures

Ideal for panel use, angular variation measurement charts provide an easy-to-read speedometer-like tool for slight-looking.

Polar Graphics

Cartesian charts such as lines, areas, stacked lines, or stacked areas can be converted to polar or radial charts using a simple option.

Inverted graphics or reversed axes

Sometimes it is necessary to rotate the graph by reversing the axes causing the X-axis to be verticalized, such as in measures of property variation in water or oil wells.

The inversion of charts where values grow in the lower direction of the chart are also supported.

Rotating label text

All textual labels can be rotated at any angle.

Licensing types

Non-Commercial

Free for personal pages, non-governmental non-profit organizations, schools.

Commercial use

Highcharts Single Developer + Premium Support