How to Interact

Select a chart below, then navigate the chart.

Close
100% Powerful, Clean & Functional Javascript Charts Whether at home, a medium sized or enterprise venture, EJSCharts will seamlessly help you represent your data more clearly and efficiently.
Compatible With:
IE6+ | FireFox | Safari | Chrome
Interactive

Features such as Hints, Mouse Tracking, Mouse Events, Key Tracking, and Events, Zooming, Scrolling, and Crosshairs raise interactivity and user experience in web charting to a new level.


Too much data and not enough screen real estate? Show it all. Let your end users zoom in on the pieces they're most interested in. Axis locking for single axis zoom, scrolling and automatic axis scaling are all included.

Learn More
Interactive
Ajax Driven Data

EJSChart supports XML-formatted data and loads data on the fly. New series can be added and data updated in real time without page reloads.

Learn More
Ajax Driven Data
Stackable Series

Multiple chart series can be stacked and combined to fit many charting needs.

Learn More
Stackable Series
Plugin Free

100% pure Javascript Charting solution. No more worries of incompatible plugin versions or confusing security warnings. EJSChart is pure JavaScript and requires no client installation.

Learn More
Plugin Free
Chart Types

Bar Graph Series

Test Text
Learn More
How to Interact
  • LineSeries is rendered by drawing a line from point to point. Line Series
  • AreaSeries is rendered by drawing a line from point to point and then filling the area defined. Area Series
  • ScatterSeries is rendered by drawing a styled point for each x,y coordinate in the dataset. Scatter Series
  • BarSeries renders its points as vertical or horizontal bars which are fixed to a baseline. Bar Series
  • Stacked Bar Series
  • In order to use the AnalogGaugeSeries, the file EJSChart_Gauges.js must be included in the HTML page after the inclusion of the standard EJSChart.js file. Analog Gauge Series
  • The FunctionSeries is rendered as a line based on the results of the function specified. Function Series
  • PieSeries is rendered by drawing slices to form an ellipse. Each slice represents a percentage of the total of the sum of all point values in the dataset. Pie Series
  • The DoughnutSeries is rendered similar to the PieSeries, but with part of the center missing. Doughnut Series
  • FloatingBarSeries renders its points as vertical or horizontal bars which are not fixed to a baseline. Floating Bar Series
  • The TrendSeries is rendered as a line based on the results of a function applied to the related series' data points. Trend Series
  • In order to use the CandlestickSeries, the file EJSChart_Stock.js must be included in the HTML page after the inclusion of the standard EJSChart.js file. Candlestick Series
  • The ErrorSeries is rendered as a set of markers which may include an average (or expected) value, a high error, and a low error. The average is denoted by a diamond while the errors are denoted by a "T". Connecting line(s) will be drawn between the average (if defined) and the error markers. Error Series
  • The OverUnderSeries is drawn as a fill between two LineSeries.Different colors are used to tell which referenced series' Y values are higher at any given X position. Over Under Series
  • The AlarmSeries is rendered as a line denoting an alarm value, with an optional fill to denote an alarm range. Alarm Series
  • The StepSeries is rendered similar to the LineSeries, but the line "steps" (ie it only changes Y values at the next point's X value). Step Series
  • In order to use the OpenHighLowCloseSeries, the file EJSChart_Stock.js must be included in the HTML page after the inclusion of the standard EJSChart.js file. Open High Low Close Series
See All Examples