A Versatile and Expandable jQuery Plotting Plugin

Overview

jQPlot

Pure JavaScript plotting plugin for jQuery.

Join the chat at https://gitter.im/jqPlot

jqPlot home page: http://www.jqplot.com

Users forum: http://groups.google.com/group/jqplot-users

Developers forum: http://groups.google.com/group/jqplot-dev

Examples and unit tests: http://www.jqplot.com/examples

Documentation: http://www.jqplot.com/docs/

Project page and source code: http://www.github.com/jqPlot/jqPlot

Bugs, issues, feature requests: http://www.github.com/jqPlot/jqPlot/issues

Basic Usage Instructions

jqPlot requires jQuery (1.4+ required for certain features). jQuery 1.9.1 is included in the distribution.

To use jqPlot, include jQuery, the jqPlot jQuery plugin, the jqPlot css file and optionally the excanvas script to support IE version prior to IE 9 in your web page:

<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />

For more information, see the documentation and examples.

Building from source

If you've cloned the repository, you can build a distribution from source.

Requirements and build tools

Getting started

  1. Fork the repo
  2. Clone the repository into the folder of your choice.
  3. Install Node.JS
  4. Run npm install to install the necessary "npm" dependencies like "grunt".

Building with grunt

Build the application and all the documentation, plus create the zip file, ready for distribution with this command:

grunt

Create the application without compression for local use with the command:

grunt build

Legal Notices

Copyright (c) 2009-2015 Chris Leonello

jqPlot is currently available for use in all personal or commercial projects under both the MIT and GPL version 2.0 licenses. This means that you can choose the license that best suits your project and use it accordingly.

jqPlot includes date instance methods and printf/sprintf functions by other authors:

Date instance methods

Author: Ken Snyder (ken d snyder at gmail dot com) Date: 2008-09-10 Version: 2.0.2 (http://kendsnyder.com/sandbox/date/) License: Creative Commons Attribution License 3.0 (http://creativecommons.org/licenses/by/3.0/)

JavaScript printf/sprintf functions

Author: Ash Searle Version: 2007.04.27 http://hexmen.com/blog/2007/03/printf-sprintf/ http://hexmen.com/js/sprintf.js The author (Ash Searle) has placed this code in the public domain: "This code is unrestricted: you are free to use it however you like."

Comments
  • Domain for jqplot.com will expire 2018-03-27

    Domain for jqplot.com will expire 2018-03-27

    See: http://whois.domaintools.com/jqplot.com

    I don't know who will be paying for a renewal of the domain to keep this project going, but I probably won't.

    help wanted organisation 
    opened by johanbove 12
  • Changes made to incorporate an array of values for FillBetweenLines f…

    Changes made to incorporate an array of values for FillBetweenLines f…

    …unctionality

    Hi!

    I've ported a pull request from Bitbucket that allows you to fill between multiple pairs of series. It works.

    https://bitbucket.org/cleonello/jqplot/pull-requests/51/changes-made-to-incorporate-an-array-of/diff

    I take no credit - the author of this pull request is gyandeeps

    enhancement 
    opened by johncant 11
  • Pie Chart not rendering correctly

    Pie Chart not rendering correctly

    After this commit:

    https://github.com/jqPlot/jqPlot/commit/3ef5e450cf630768921143c7b8816eb9130ddabc

    The Pie Charts are not rendering correctly any more.

    Current state: 20160114-piecharts-nok

    Previous: 20160114-piecharts-ok

    bug 
    opened by johanbove 8
  • fix for #38 (pie charts not rendering because of highres support)

    fix for #38 (pie charts not rendering because of highres support)

    added missing code from http://stackoverflow.com/questions/20221461/hidpi-retina-plot-drawing to jqplot.core.js because high resolution support is broken without that. Fix for #38.

    bug 
    opened by jeschr 8
  • Massive merge

    Massive merge

    Pull request to integrate my changes:

    • For issue #10
    • Using Git information in the build.xml
    • Added features: new canvas elements to canvasOverlay
    • Added examples
    • Various bug fixes

    Currently one big pull request since I already merged the branches and Github tells me it is able to merge :smile:

    Please review.

    enhancement coding conventions 
    opened by johanbove 6
  • Looking for a new owner / repository archival

    Looking for a new owner / repository archival

    This project is looking for a new owner position due to not being able to fix current open issues and dealing with the pull requests.

    Please reply here if you're interested in keeping the project from being archived.

    There are currently probably better graphing libraries available for your JavaScript projects.

    I would suggest the excellent chartjs.

    Thank you to all collaborators for helping out!

    help wanted 
    opened by johanbove 5
  • Can't get Ant to execute NaturalDocs without returning an error

    Can't get Ant to execute NaturalDocs without returning an error

    When I execute the NaturalDocs scripts directly from the command line it works.

    I've branched out my changes to https://github.com/johanbove/jqPlot-1/blob/NaturalDocs/build.xml

    The command which works is this: > perl extras/NaturalDocs-1.52/NaturalDocs -r -i build -o HTML dist/docs -p NData/ -s default

    I tried using NaturalDocs 1.52

    Ant error is this: [exec] Can't locate NaturalDocs/Constants.pm in @INC (@INC contains: /Modules /usr/lib/perl5/5.8.8/msys /usr/lib/pe rl5/5.8.8 /usr/lib/perl5/site_perl/5.8.8/msys /usr/lib/perl5/site_perl/5.8.8 /usr/lib/perl5/site_perl .) at C:\Users\Joh an\Dropbox\Johan\workspace\active\jqPlot-1/extras/NaturalDocs-1.52/NaturalDocs.pl line 61. `

    help wanted documentation build 
    opened by johanbove 5
  • Convert the Ant build to Grunt for the documentation

    Convert the Ant build to Grunt for the documentation

    Problem description

    It makes much more sense to use Grunt to build the documentation, rather sticking with ant.

    Todo

    Convert the current Ant build to Grunt.

    Done criteria for closing this issue

    When the Grunt build produces the same output as the current ant build.

    epic documentation build 
    opened by RubenOlsen 5
  • Chart with stackSeries=true cause legends click strike-line shift

    Chart with stackSeries=true cause legends click strike-line shift

    screenshot from 2018-10-10 11-50-04 screenshot from 2018-10-10 11-50-19 For plot with non-stacked series, this is fine: clicked D (red), it removes the red line in the plot, and the legend item D got striking line indicating it is removed from the plot.

    screenshot from 2018-10-10 11-50-53 screenshot from 2018-10-10 11-51-05 Notice that for this stacked series graph, clicked D, it removes the red line in the plot correctly, however, item A got striking line, which is wrong.

    The following code can be used to reproduce the issue: stackseries-legends-bug.html.txt

    bug 
    opened by harryzhux 4
  • bootstrap tooltips do not work if I load jqplot

    bootstrap tooltips do not work if I load jqplot

    I have an ajax application. I use bootstrap and some pages use jqplot. I don't use jqplot and bootstrap tooltips in the same page. If I load jqplot, but if later navigate to a page with bootstrap tooltips, they don't work. I have tried to do both things in the same page, and it doesn't work either. If jplot is present, then bootstrap tooltips don't work. Regards!

    help wanted 
    opened by pangard 4
  • Introducing Code Conventions based upon JSLint

    Introducing Code Conventions based upon JSLint

    I would like to refactor the JavaScript code to comply with JsLint checks. I've already started the refactoring in my fork and the jqplot-1 fork. In my opinion the project could benefit greatly from a more strict coding approach and making code pass JsLint strict rules is a good start.

    enhancement help wanted epic coding conventions 
    opened by johanbove 4
  • Zoom-out or Zoom-back feature request

    Zoom-out or Zoom-back feature request

    (Context: src/plugins/jqplot.cursor.js)

    We can reset-zoom (to original view), but there is no option to zoom-out or to zoom-back to the previous view. Is there any JS snippet to zoom-out or any plugin to zoom-back?

    opened by kripper 0
  • Cannot define labels for a bar chart with multiple series

    Cannot define labels for a bar chart with multiple series

    In the jqPlot documentation for Data Point Labels it gives an example (see third example) for defining custom point labels for a bar chart with one series.

    I need to do this, but for a bar chart with multiple series. Here is what I tried. I used the documentation here.

      var line1 = [14, 32, 41];
      var line2 = [15, 33, 42];
      var plot3 = $.jqplot('chart1', [line1, line2], {
        title: 'Bar Chart with Point Labels', 
        seriesDefaults: {renderer: $.jqplot.BarRenderer},
        series:[{
            pointLabels: {
            show: true,
            labels: [
              ['fourteen', 'thirty two', 'forty one'],
              ['fifteen', 'thirty three', 'forty two']
            ]
          }
        }],
        axes: {
          xaxis: { renderer: $.jqplot.CategoryAxisRenderer },
          yaxis: { padMax: 1.3 } }
      });
    

    The documentation says "one array for each series," which I believe have. But the graph looks like this. My desired result is for the point labels to be (from left to right): fourteen, fifteen, thirty two, thirty three, forty one, forty two

    I apologize if this is a user error, rather than a software defect. But I cannot find anything on the internet for this issue.

    opened by wilderma 0
  • Issue 199 https ajax.googleapis.com

    Issue 199 https ajax.googleapis.com

    Tested the jqPlot examples on a raspi, nginx, via http and https http://192.168.1.240/dokuwiki/lib/scripts/jqplot/examples/date-axes.html https://192.168.1.240/dokuwiki/lib/scripts/jqplot/examples/date-axes.html

    opened by lbreuss 0
  • Change protocol to https for ajax.googleapis.com/.../jquery*.js

    Change protocol to https for ajax.googleapis.com/.../jquery*.js

    If the jqPlot Examples are served via https, the googleapi jquery scripts need to be loaded via https as well.

    As of 2021, modern browsers refuse to load scripts from unsecure http if the main page is already loaded via https.

    opened by lbreuss 0
  • jqPlot fails to recognize ISO formatted date string in Firefox

    jqPlot fails to recognize ISO formatted date string in Firefox

    Summary

    The code returns an error in Firefox (but works in Chrome and Microsoft Edge)

    It's understandable that jqPlot do not recognize all date string, but this is ISO 8601 formatted string with timezone. So there is no ambiguity of what the correct timestamp is.

    If jqPlot have some limitation of what it supports in the ISO 8601, this should be clearly stated in the documentation (like using T in stead of ' ').

    For the user, the bug manifestate itself by not showing the graph.

    The code

    var line1=[['2021-01-27 23:24:00+01',1], ['2021-01-27 23:25:00+01',1]] var plot2 = $.jqplot('videonotat_viewers', [line1], { title:'Direktesening, antall seere', axes:{ xaxis:{ renderer:$.jqplot.DateAxisRenderer, tickOptions: {formatString:'%b %#d, %#I %p'}, tickInterval:'1 hour' }, yaxis: { min:0 } }, series:[{lineWidth:4, markerOptions:{show:false}}] }); });

    Error

    Uncaught TypeError: this.proxy.getTime is not a function jQuery 5 <anonymous> (index):164 jQuery 11 jquery.jqplot.js:9706:27

    opened by mem76 1
A plugin for the jQuery javascript library to generate small sparkline charts directly in the browser

jQuery Sparklines This jQuery plugin makes it easy to generate a number of different types of sparklines directly in the browser, using online a line

Gareth Watts 1.2k Jan 4, 2023
JQuery plugin for creating charts

JQuery Linechart JQuery plugin for building a linechart. Chart ruler completely on HTML/CSS/JS. Bar chart, calendar view visualisation. Diagram, graph

Kirill Stepkin 42 Oct 25, 2022
JQuery plugin for creating charts

JQuery Linechart JQuery plugin for building a linechart. Chart ruler completely on HTML/CSS/JS. Bar chart, calendar view visualisation. Diagram, graph

Kirill Stepkin 42 Oct 25, 2022
The CCF Backstage Plugin is a tool to estimate energy use (kilowatt-hours) and carbon emissions (metric tons CO2e) from public cloud usage that is meant to be consumed as a plugin into a Backstage application

CCF Backstage Plugin Understand how your cloud usage impacts our environment and what you can do about it. This plugin brings the functionallity of th

Cloud Carbon Footprint 21 Nov 6, 2022
Matteo Bruni 4.7k Jan 4, 2023
a graph visualization library using web workers and jQuery

arbor.js -------- Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, a

Christian Swinehart 2.6k Dec 19, 2022
Attractive JavaScript charts for jQuery

flot About flot is a JavaScript plotting library for engineering and scientific applications derived from Flot: http://www.flotcharts.org/ Take a look

Flot 5.9k Dec 22, 2022
A jsPlumb-based tree chart implementation for jQuery.

jsPlumbTree A jQuery plugin for generating a tree structure using jsPlumb. The tree is drawn from left to right, top to bottom. Please note that only

Daniele Ricci 4 Jul 27, 2022
IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.

@ibm/gantt-chart IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework. Getting started Documentation and Examples are availabl

International Business Machines 169 Dec 20, 2022
Chart.js plugin to calculate and draw statistical linear, exponential, power, logarithmic, and polynomial regressions.

chartjs-plugin-regression Chart.js plugin to calculate and draw statistical linear, exponential, power, logarithmic, and polynomial regressions using

Wilfredo Pomier 14 Dec 18, 2022
Zoom and pan plugin for Chart.js

chartjs-plugin-zoom A zoom and pan plugin for Chart.js >= 3.0.0 For Chart.js 2.6.0 to 2.9.x support, use version 0.7.7 of this plugin. Panning can be

Chart.js 510 Jan 2, 2023
A Joplin plugin to provide a set of tools like recent notes, shortcuts, scratchpad, and .... in a single sidebar.

Joplin DDDot DDDot is a Joplin plugin to provide a set of tools like recent notes, shortcuts, scratchpad, and .... in a single sidebar. Main Features:

Ben Lau 9 Nov 1, 2022
Chart.js plugin for more styling options

chartjs-plugin-style Chart.js plugin for more styling options This plugin requires Chart.js 2.6.0 or later. Installation You can download the latest v

Akihiko Kusanagi 57 Oct 27, 2022
Chart.js plugin for live streaming data

chartjs-plugin-streaming Chart.js plugin for live streaming data chartjs-plugin-streaming 2.x requires Chart.js 3.0.0 or later. If you need Chart.js 2

Akihiko Kusanagi 401 Dec 27, 2022
This plugin for Chart.js that makes your bar chart to 100% stacked bar chart.

chartjs-plugin-stacked100 This plugin for Chart.js that makes your bar chart to 100% stacked bar chart. Requires Chart.js 3.x. Demo: https://y-takey.g

y-take 106 Jan 3, 2023
Chart.js plugin to create charts with a hand-drawn, sketchy, appearance

chartjs-plugin-rough Chart.js plugin to create charts with a hand-drawn, sketchy, appearance Version 0.2 requires Chart.js 2.7.0 or later, and Rough.j

Akihiko Kusanagi 73 Dec 1, 2022
Draggable data points plugin for Chart.js

chartjs-plugin-dragdata.js Now compatible with Chart.js v3 ?? Looking for a version compatible to Chart.js < 2.9.x? Then visit the v2 branch! A plugin

Christoph Pahmeyer 196 Dec 18, 2022
Chart.js plugin to defer initial chart updates

Chart.js plugin to defer initial chart updates until the user scrolls and the canvas appears inside the viewport, and thus trigger the initial chart a

Chart.js 97 Nov 9, 2022
Chart.js plugin for Prometheus data loading

Welcome to chartjs-plugin-datasource-prometheus ?? A Prometheus datasource for ChartJS. Dependencies: requires chart.js 2.7 or later. requires moment.

Samuel Berthe 77 Dec 6, 2022