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
48
votes
2 answers

SVG vs HTML5 Canvas Based Charts

I have to draw charts on browser using a python backend (which may not matter here). There are numerous libraries like JQPlot, D3, Google Charts for achieving this. But if you classify them, they are either HTML5 Canvas based or SVG based. Both are…
Vivek Jha
  • 1,520
  • 3
  • 16
  • 26
33
votes
2 answers

jQPlot - remove vertical grid lines

I am using jqPlot as my charting framework and have numerous charts in my application, primarily line and stacked bar charts. I now have a requirement to only show the horizonal grid lines on these charts and do not see any options in jqPlot to do…
nolt2232
  • 2,594
  • 1
  • 22
  • 33
21
votes
3 answers

jqplot tooltip on bar chart

I'm using the jquery plugin jqplot for plotting some bar charts. on hover, I'd like to display the tick for the bar and its value on a tooltip. I've tried highlighter: { show: true, showTooltip: true, // show a tooltip with data…
butterywombat
  • 2,069
  • 7
  • 26
  • 44
19
votes
9 answers

How to refresh jqplot bar chart without redrawing the chart

I have a jqplot bar chart and I want the chart data to be changed when the user changes the value on a drop-down list. That works, but the problem is the bar chart redraws, one over another, each time the user changes the values. How can I update…
Umesha Gunasinghe
  • 779
  • 3
  • 13
  • 29
16
votes
2 answers

jqplot resize chart when resizing browser

Is there an easy way to auto-resize a jqplot chart when resizing the browser? I have been looking on Google, and haven't found anything.
hacket
  • 1,171
  • 4
  • 13
  • 25
15
votes
3 answers

jqPlot: how to live update a chart

I'm unable to figure out myself or find a proper example on how to perform live updates in jqPlot in a similar way as shown in this highcharts example.
doberkofler
  • 9,511
  • 18
  • 74
  • 126
14
votes
3 answers

jqplotClick event on jqPlot series (iOS devices Safari browser)

I am having some issues performing action clicks on jqPlot items, and I am hoping someone else can shed some light on what is going wrong. I have a barchart rendered with jqPlot, which attach a click event handler to (on jqPlot chart) using the…
Jonathan Liono
  • 556
  • 4
  • 13
14
votes
5 answers

reuse jqplot object to load or replot data

I am using JqPlot for charts , my problem is i want to load different data on different click events. But once the chart is created and loaded with the data for the first time; i don't know then how to load data when another event fires that means i…
Hunt
  • 8,215
  • 28
  • 116
  • 256
13
votes
3 answers

How to i set jqplot bar chart colours per bar?

I'm trying to set the colours of my jqplot bar chart bars. There will always be six bars present, grouped into sets of 2 bars. Here is an example of the data being plotted: line1 = [6000, 5000, 5500]; line2 = [16000, 10000, 14000]; I've used the…
Brian Scott
  • 9,221
  • 6
  • 47
  • 68
12
votes
5 answers

How to display tooltips on jqplot pie chart

I have a jqplot pie chart with a legend and I would like to get the legend text to appear as a tooltip when the mouse hovers on the pies. I'm not sure how to do that. Does anyone have any experience doing similar? example…
emt14
  • 4,846
  • 7
  • 37
  • 58
12
votes
1 answer

jqPlot - Horizontal legend

jqPlot has the ability to create a legend for a chart. The examples show only vertical legends. I would like to make a horizontal legend. For instance, I want: X-Label1 X-Label2 X-Label3 And don't want: X-Label1 X-Label2 X-Label3 Thanks
user1032531
  • 24,767
  • 68
  • 217
  • 387
11
votes
3 answers

Having problems with jqPlot bar chart

I'm using jqPlot to create a bar graph, but I ran into a few problems. Problem 1: The first and last bars on the graph are cut off. Only half of it is displaying Problem 2: I don't want my data points to span the entire x-axis. Is there to not have…
chobo
  • 31,561
  • 38
  • 123
  • 191
11
votes
5 answers

jqPlot DateAxis tickInterval not working

I'm trying to draw a chart with a single datapoint each month. I'm sending this through to jqPlot as a single point on the first of each month: $.jqplot('actualChart', [[['2011-10-01',0.296],['2011-11-01',0.682]]], { title:…
Chris B
  • 709
  • 2
  • 14
  • 32
11
votes
1 answer

jqplot changes the color of graph on mouse hover

jqPlot changes the color of the fill when mouse hovers... I want to remove that effect.. How ?? Here are the options used: var options={ series: [{ neighborThreshold: -1, shadowAngle:0, …
Shrinath
  • 7,888
  • 13
  • 48
  • 85
11
votes
4 answers

How to define the size of graph in jqPlot

I am using jqPlot to render a graph on a page. I am following this link. http://www.jqplot.com/tests/bar-charts.php The data point that I give to the graph are dynamic. so sometime the size of the graph is different. Is there a way/or able to set…
VolleyBall Player
  • 710
  • 3
  • 11
  • 27
1
2 3
99 100