Flot Examples

Here are some examples for Flot, the Javascript charting library for jQuery:

Basic Usage

• Basic example
• Different graph types and simple categories/textual data
• Setting various options and annotating a chart
• Updating graphs with AJAX and real-time updates

Interactivity

• Turning series on/off
• Rectangular selection support and zooming and zooming with overview (both with selection plugin)
• Interacting with the data points
• Panning and zooming (with navigation plugin)
• Automatically redraw when window is resized (with resize plugin)

Additional Features

• Using other symbols than circles for points (with symbol plugin)
• Plotting time series, visitors per day with zooming and weekends (with selection plugin) and time zone support
• Multiple axes and interacting with the axes
• Thresholding the data (with threshold plugin)
• Stacked charts (with stacking plugin)
• Using filled areas to plot percentiles (with fillbetween plugin)
• Tracking curves with crosshair (with crosshair plugin)
• Plotting prerendered images (with image plugin)
• Plotting error bars (with errorbars plugin)
• Pie charts (with pie plugin)
• Rendering text with canvas instead of HTML (with canvas plugin)