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
4
votes
3 answers

Get an element's id where there is none?

So, I am using jqPlot which has this stupid requirement that it needs an element's id attribute to plot. However, my javascript uses jQuery, which operates on elements, and I don't want to rely on a div having an id. Can I somehow, given a jQuery…
Andriy Drozdyuk
  • 58,435
  • 50
  • 171
  • 272
4
votes
1 answer

how to change label on jqplot stacked horizontal bar chart

I'm using jqplot to create a stacked horizontal bar chart using the code shown here: perc_data = [[[6, "1"]], [[92, "1"]], [[1, "1"]], [[1, "1"]]]; series_array = [ { label: "Mud", color: "#ccaa00"}, { label: "Sand", color: "#ffeecc"}, …
sfletche
  • 47,248
  • 30
  • 103
  • 119
4
votes
2 answers

jqplot completely redraw a graph

How do I completely destroy a graph and then redraw one from scratch. The reason I need this is because I want to have the option of changing the graph type from let's say a bar graph to a line graph. I don't think you can do that strait up, so…
Bill Software Engineer
  • 7,362
  • 23
  • 91
  • 174
4
votes
3 answers

Crossbrowser chart library

I'm trying to find a jQuery chart library for plotting measures from inverters in a web application that is able to run on every kind of browser with a correct performance. By the moment I found jqPlot, jqChart, gRaphaël and HighCharts. Their…
4
votes
1 answer

JQuery Radial Plot with zooming

Does anyone know of a JQuery Radial chart that also has zooming functionality. RGraph http://www.rgraph.net/examples/rscatter.html does not have zooming functionality. JqPlot has zooming but does not have radial chart. Thanks.
cheedep
  • 937
  • 6
  • 19
4
votes
5 answers

jqplot pie chart not rendering correctly.

Getting the log message: Diameter of pie too small, not rendering. Then, it seems when I hover or click inside the page I get: Uncaught TypeError: Cannot read property '0' of undefined
Justin
  • 609
  • 2
  • 10
  • 21
4
votes
1 answer

jQuery jqPlot library 12 hour Time Y-Axis Inversion issue

I've started using jqPlot recently. The generated graphs look amazing and I love it. There are a few little things to learn here and there, but overall it's great. I'm using the stacked bar generation and came into a werid issue. Basically, I want a…
Bo Li
  • 141
  • 3
  • 10
4
votes
3 answers

making the axis labels in jqplot clickable

How can I make the axis labels (of a category X axis) clickable. If it is less problematic, it is OK that the click will lead to a new link (and not some javascript code) Is there a way I can do this? Thanks, Boaz.
Boaz
  • 4,864
  • 12
  • 50
  • 90
4
votes
1 answer

Loading Json data into jqPlot

I've problem with JSON and jqPlot. jQuery script: var line = [ ]; $(function(){ $.getJSON('bin/gielda.php', function(data) { $.each(data, function (index, value) { line.push(["'"+data[index].data+"'",data[index].kurs_odn]); …
plum
  • 71
  • 1
  • 3
4
votes
2 answers

Jqplot DateAxis rendering is not proper

I tried to plot data useage per day using jqPlot along with its DateAxisRenderer, the data was static to test the graph, but I found that the points on graph are not corresponding to the exact date on the grid. Is there a better tool out there to do…
srinathhs
  • 1,998
  • 4
  • 19
  • 33
4
votes
1 answer

how to change line colors in primefaces 5.1 line chart

I'm using primefaces 5.1 and tried to create line chart,its working fine. But i want to customize the background color ,grids, line colors. My XHTML: My…
user3114967
  • 639
  • 5
  • 15
  • 38
4
votes
1 answer

jQplot tooltip dismiss issue

I have implemented a simple bar chart, ive added tooltip feature using highlighter but i am facing an issue with the same. When i move the mouse down and exit the chart canvas the tooltip doesnt dismiss I have tried adding …
usr30911
  • 2,731
  • 7
  • 26
  • 56
4
votes
3 answers

Customize primefaces chart

I using of primefaces's chart on my project. I know be primefaces's chart use of jqplot . on jqplot's site exist example of customizing jqplot chart. how to use of example codes for customizing primefaces chart ? sample code for customizing jqplot…
or123456
  • 2,091
  • 8
  • 28
  • 50
4
votes
2 answers

Custom Marker for JQPLOT

Is there a way to add multiple different effects to a marker? I know that there's line, color and shadow properties, all could help me try to create the following design, however I've been failing for the past 2 hours and have come up with…
Shannon Hochkins
  • 11,763
  • 15
  • 62
  • 95
4
votes
2 answers

(jqplot) How to show minor grid in log scale graph?

I have my jqplot with log scale axis which is look like this: And here is my x and y axis setting for my jqplot: axes : { xaxis : { renderer : $j.jqplot.LogAxisRenderer, ticks : [0.1, 1, 10,…
jhyap
  • 3,779
  • 6
  • 27
  • 47