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
3
votes
1 answer

JQuery : Tooltip x-axis label for bar chart JQPlot

I need to add a tooltip label in the each bar of the bar chart indicating what is name in x-axis. I try using highlighter but what is showing is the index numbers. Can anyone help me on how to do that? Thanks in advance. ^_^
Ianthe
  • 5,559
  • 21
  • 57
  • 74
3
votes
1 answer

JQuery : TickInterval in JQPlot

How can I set the tickInterval in x-axis for a jqplot.CanvasAxisTickRenderer ? The x-axis labels are strings. I try the code below, but it does not work. Help please, thanks. xaxis: { tickRenderer: $.jqplot.CanvasAxisTickRenderer , …
Ianthe
  • 5,559
  • 21
  • 57
  • 74
3
votes
2 answers

Snapping vertical line cursor to data point in jqPlot

I have just started using jqPlot for a line chart with multiple series. It seems great. I have added the Cursor plugin with the intention of showing a vertical line on the nearest data point on the x axis. In other words, it snaps to the nearest…
Aaronius
  • 4,936
  • 6
  • 31
  • 40
3
votes
4 answers

jqplot using dateAxisRenderer line doesn't render, any ideas why?

This code works perfectly fine: in my view:
And then my js: $(document).ready(function(){ var plot1 = $.jqplot ('chart1', [[3,7,9,1,4,6,8,2,5]]); }); When I changed my js(copied it from jqPlot site) so I could have dates…
necker
  • 6,733
  • 9
  • 31
  • 40
3
votes
3 answers

jQPlot in IE (Using rePlot or reDraw)

I'm using the jqplot plugin to display gauge on an site. This runs perfectly in FF/Safari/Chrome but have to use excanvas to run in IE8. The problem is that the gauges are created dynamically, and so values are passed through and then the replot()…
steven mcdowell
  • 573
  • 4
  • 13
3
votes
4 answers

howto change color on jqPlot datapoint labels

I have a graph generated by jqPlot. Data Point Labels are used the show additional information on the graph, like in this example: http://www.jqplot.com/tests/point-labels.php As you can see, the color of the data point labels is always black. But I…
The Bndr
  • 13,204
  • 16
  • 68
  • 107
3
votes
0 answers

Stacked and Unstacked series in the same chart with jqplot?

I would like to create a graph that has 3 series stacked and then a 4th series that is not part of the stack that runs over the top of the stacked series. Is this possible in jqplot? the documentation has the stacking option global to the graph and…
noah
  • 31
  • 1
3
votes
4 answers

jqplot: "this.proxy.getTime is not a function" / date input parser?

I try to use jqplot for drawing an graph. So i modified this example in order to get an date based graph. Currently my code is like this: var plot1 = $.jqplot('chartdiv', [[["2010-12-25.14:19:47",1], …
The Bndr
  • 13,204
  • 16
  • 68
  • 107
3
votes
1 answer

Emphasize 0 on x-axis with jqPlot

when plotting a graph with jqPlot I have curves which contains both positive and negative values, thus crossing the x-axis. I would like to emphasize the x-axis at 0 to distinguish positive and negative values more clearly. Is there a way to do this…
Argoron
  • 749
  • 2
  • 10
  • 26
3
votes
1 answer

Does a library exist to compute the area under a curve in jqPlot?

Is this already contained within jqPlot, or does a library exist that would do this? I'm sure I could figure it out if I put 12 hours in, but I just figured I'd ask. :)
TimFoolery
  • 1,895
  • 1
  • 19
  • 29
3
votes
2 answers

Combine this array with jQuery, confused

I have two simple array in JavaScript, i want use it on jqPlot and required format data like this: [[[x1, sin(x1)], [x2, sin(x2)], ...]] My array is: $array_1 = [ "Meong", "Aumix" ]; $array_2 = [ 3, 2 ]; How to combine/merge it with final output…
Opsional
  • 543
  • 4
  • 14
3
votes
1 answer

How do I make the point label match the bar colour in jqplot?

I have a jqplot barchart rendering correctly. The chart has 2 series of data, one is is rendered blue and the other is rendered red. When I enable the pointLabels plugin to output the bar value above the bar the text is rendered in the default page…
Brian Scott
  • 9,221
  • 6
  • 47
  • 68
3
votes
1 answer

JQplot : blank chart when print IE

Hi I have some problems using Jqplot with IE. All graphs I try to print are blank. When i click on "preview before printing", the graph is displayed correctly. But when I really print the graph, there is no graph printed. Sometimes I can see some…
Climooo
  • 255
  • 2
  • 13
3
votes
0 answers

Creating jqplot graph using php mysql

I want to display a date chart using data from mysql. I use the library jqplot to generate graph. Chart should have a date on the X axis, on Y axis some numeric values. MySQL In MySQL i have pool: ID, Temperature, Date CREATE TABLE IF NOT EXISTS…