timechart

TimeChart

Ultimate JavaScript Network chart package for Graph Visualization and Exploration. With TimeChart package you can create Area, Bar, Line, Stream, Waterfall and Candlestick chart types.

It's easy to set-up and customize

Time Chart charts package is designed to provide you with the most advanced features for time-based data visualization and exploration.

Display modes

Lines, areas, bars & any of them stacked. As well as candle sticks.

Axis & Thresholds

Single or multi axis. Linear or logarithmic. Add thresholds to monitor peaks.

Labels & Markers

Add items,labels and markers to show additional time or data based information.

Give it a try!

This is an actual JavaScript chart demo. Hint shows you action to take. Follow the hints to interact with the chart.

Step 1:

Examples

Almost every aspect of TimeChart appearance and functionality can be customized to fit your needs. Rich API enables endless integration options to satisfy most demanding requirements.

Columns and area

Both lines and columns.

Area with custom background image

Group values by weekday

Value labels

Stacked bars. Black theme.

Milestone markers

Line with markers

Simple line example

Multiple series

Step line example

Using value function

Highlighting area between two lines

Highlighting missing data points

Simple columns example

Candlestick series type

Using dashed lines

Using gradient fill

Time zone configuration - UTC data on various time zones

Fixed scale value axis

Two value axis

Floating zero line

Value axis inside the chart area

Styled value axis

Value axis disabled

Styling line items by dashes.

Toolbar outside chart

Time zones - hours

Time zones - days

Custom toolbar item

No toolbar

Toolbar in left side

Legend

Second TimeChart that displays the preview of the whole data range

Time Chart - columns with negative values

Time Chart - multiple lines with markers

Time Chart - columns

Time Chart - using thresholds to highlight extreme value changes

Time Chart - multiple lines with markers

Replacing data

Realtime data source

Incremental loading

Data URL

Two Data Sources

Incremental loading

Preloaded data

Time Chart - area

Time Chart - clustered columns, logarithmic scale

Time Chart - area, with series toggle

Time Chart - stacked bars

Custom info popup example

Info popup example

Time axis limited to year 2013

Events tester.

Time Chart - stacked area

Time Chart - clustered columns

Time Chart - minimized, no labels, no axis, round theme

Time Chart - 100% proportional area

Data function

Bar chart

Average open price for stocks using area chart

Line chart

Average open price for stocks using line chart

100% stacked area chart

100% stacked area chart

100% stacked bars chart

100% stacked bars

Area chart

Average open price for stocks using area chart

Line chart with smoothing

Average open price for stocks using smooth line chart

Area chart smooth

Average open price for stocks using smooth area chart

Bar and area chart

bar and area chart

Bar, line and area chart

bar and area and line chart

Candlestick chart

Average open price for stocks using area chart

Line and area chart

line and area chart

Line and bar chart

line and bar chart

Multiple lines chart

two line chart

Multiple areas chart

two area chart

Candlestick and area chart

Average open price for stocks using area chart

Stacked column chart with normal stacking

Stacked column chart with normal stacking

Stacked column chart with based stacking

Stacked column chart with based stacking

Stacked bar chart using normal stacking

Stacked bar chart using normal stacking

Stacked bar chart with based stacking

Stacked bar chart with based stacking

Side by side bar chart

Side by side bar chart

Multiple areas chart normal stacking

Multiple areas chart normal stacking

Multiple areas chart based stacking

Multiple areas chart based stacking

Stacked area chart with normal stacking

Stacked area chart with normal stacking

Stacked area chart with based stacking

Stacked area chart with based stacking

High - low chart

Average open price for stocks using area chart

Multiple streams chart with solid fill and smoothing

Multiple streams chart with solid fill and smoothing

Multiple area streams with solid fill

Multiple area streams with solid fill

Stacked multiple level bar chart with time based data

Stacked multiple level bar chart with time based data

Waterfall chart

Waterfall chart

Multiple smooth area streams with gradient fill

Multiple smooth area streams with gradient fill

Stream chart from zero line

Stream chart from zero line

Candlestick chart (bar)

Average open price for stocks using area chart (without item body part)

Stream chart

Stream chart

Get started with ZoomCharts

Start free to explore the possibilities of the Zoomcharts JavaScript charts library.

Get started

Purchase

Integrate all of our charts in your website, SaaS, OEM or any other product.

Purchase