Questions tagged [jqplot]

jqPlot is a plotting and charting plugin built on top of jQuery. The grid, axes, shadows etc are all computed and rendered by plugins. It supports custom event handlers, creation of new plot types, adding canvases to the plot and many more features.

jqPlot is an powerful jQuery extension to generate graphs (line, bar, bubbles, etc.) client/web browser side based on JavaScript. It is conceived, developed and maintained by Chris Leonello. jqPlot is an open source project dual licensed under the MIT and GPL version 2 licenses.

jqPlot is open source and a lot of extensions are available. Most of the parts of jqPlot, like the grid, axes, shadows are computed and rendered by plugins. The plot elements are customizable and whenever required the plugins can expand the functionality of the plot.

Some of the features that are provided by jqPlot are:

Resources:

When asking questions on jqPlot:

  • Read the jqPlot docs carefully and search Stack Overflow for duplicates.
  • Isolate the problematic code and reproduce it in an online environment like jsFiddle or JS Bin.
  • Tag the question appropriately. Use the tag and use other web-development tags like -- , , -- as applicable. The most popular plugins also have their own tags, like and .
  • Indicate whether the version of the jQuery library used is not current, so that the answerer can provide version-appropriate solutions.
  • Mention which browser the code is having problems on, and what error messages, if any, were thrown by the browser.
1693 questions
8
votes
1 answer

JqPlot : Set a fix height value for the graph area not including y axe labels

I am using JqPlot. The graph height is depending on the height of the main container or the default JqPlot value. My problem is that if the y label is very long, the graph size is reduced to fit in the main container. Is it possible to set a fix…
sdespont
  • 13,915
  • 9
  • 56
  • 97
8
votes
1 answer

jqPlot and naming series

I'm trying out jqPlot, but I can't figure out how to set the name of the different series. Currently, my code looks like this: $(document).ready(function () { $.jqplot('chartdiv', [ [[201201, 10], [201202, 20], [201203, 30], [201204,…
Pelle
  • 2,755
  • 7
  • 42
  • 49
8
votes
1 answer

jqPlot pieRenderer legend squares not showing

I'm running jqPlot and for some reason the color-coded squares that should show up inside the pie renderer's legend are not appearing. I'm wondering if it has anything to do with the fact that I'm using twitter bootstrap? I'm not using any other css…
Adam Levitt
  • 10,316
  • 26
  • 84
  • 145
8
votes
3 answers

combined line and bar w/ jqplot

Is it possible w/ jqplot to display a line chart that 'overlays' a bar chart? I have added a series to a stacked barchart and changed the renderer to $.jqplot.LineRender. This displays as a line but it is getting added to the stacked amounts.
jjdebarros
  • 115
  • 1
  • 2
  • 6
7
votes
1 answer

How to show the values on the regions of the jqplot chart instead of percentage

I have javascript code as: var plot1 = jQuery.jqplot ('chartdiv', [data], { seriesDefaults: { // Make this a pie chart. renderer: jQuery.jqplot.PieRenderer, rendererOptions: { // Put data labels on the pie…
ryan
  • 333
  • 1
  • 15
  • 28
7
votes
1 answer

Jqplot vs Google chart API

I am looking for a charting library and zeroed in on JQplot the library looks impressive. however i didnt got much info about(reviews) about Google chart API, has any one compared the pro's and cons of Jqplot and Google charts api ? Do i need to…
dpsdce
  • 5,290
  • 9
  • 45
  • 58
7
votes
1 answer

jqPlot ticks without decimals

I am using jqplot, and it gets marks by default like this: What should I do to get it without .0 at the end?
EK.
  • 2,890
  • 9
  • 36
  • 49
7
votes
6 answers

JQplot barRenderer "y-axis" values start from negative values

Does anyone know how to make "y-axis" values start from 0 in Jqplot....by default it starts with negative values for eg: -500, 0, 500, 1000 and so on....Please help
soniaP
  • 71
  • 1
  • 1
  • 3
7
votes
1 answer

Get list of data points in the canvas after zoom jqplot

I really appreciate if someone can help me out on this. We are using Jqplot to plot some statistical data and like the zooming functionality. Specifically we want to use the examples in http://www.jqplot.com/deploy/dist/examples/zoom1.html …
Amitabh
  • 729
  • 1
  • 11
  • 29
7
votes
2 answers

Primefaces chart + jqplot extender - rounded value in the y-axis

Background I have a primefaces line chart (date on x, integer >= 0 on y) extended with jqplot options: function extender() { this.cfg.axes = { xaxis : { renderer : $.jqplot.DateAxisRenderer, …
phoenix7360
  • 2,807
  • 6
  • 30
  • 41
7
votes
1 answer

PrimeFaces - customise Date Chart

I am using PrimeFaces 3.4.1 to plot time chart (Date on x-axis, int value on y-axis). At the moment I have something like that: xhtml:
phoenix7360
  • 2,807
  • 6
  • 30
  • 41
7
votes
4 answers

jqplot tickOptions formatString options

I'm incredibly new to web dev. What I'm finding frustrating are the options used in the axesRendererDefaults options in jqplot. According to this link: the way to specify how a tick will appear on the axis (either X or Y) will be determined by what…
Greg Meyer
  • 71
  • 1
  • 1
  • 4
7
votes
2 answers

JQPlot auto refresh chart with dynamic ajax data

I want to update the chart drawn by jqPlot sequentially in time intervals. My use case is such that the AJAX call returns only a single value. For e.g.: 1st AJAX call: 20 2nd AJAX call: 30 3rd AJAX call: 40 4th AJAX call: 32 So i want to make plot…
Sangram Mohite
  • 735
  • 4
  • 11
  • 23
7
votes
1 answer

jqplot - date axis renderer : internationalization

I use jqplot, and I have date into my x-axis. I use the DateAxisRenderer plugin but I want to translate the date to my current locale. For example, for english Jan 2012 Feb 2012... and for french Jan 2012 Fév 2012... Any ideas?
Sam
  • 779
  • 3
  • 18
  • 39
6
votes
1 answer

Background color for Jqplot pie chart

Kindly i have a page and in the page i have two pie charts, i want to display different background color for the 2 charts but it is embeded in the css file! is there any option to use any color?? or to make it transparent? my code: …
HGK
  • 386
  • 1
  • 4
  • 13