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

How to zoom jqplot from external button?

I am using jqplot chart to draw chart it works fine, To zoom chart i am using cursor and by that cursor i can zoom but i am trying to zoom that from button that is outside of chart. Since we are reset the zoomed chart from external button like this…
user1140574
6
votes
2 answers

jqPlot custom tick labels

I've got data with X values from 0 to 55. I would like to see these values as a custom text in tick labels. Ideally, I want to specify some callback, like function tickLabel(tickValue) { return "This is " + tickValue; } Is it possible?
HiveHicks
  • 2,294
  • 5
  • 28
  • 42
6
votes
4 answers

JQPlot stacked bar each stacked label count instead of accumulation (incremental) count

I want to display label text in stead of segment total for each label. Like, 2, 7, 14 should be in stacked bar with 2, 7, 14 and then 23 is total. But currently in exmaple it is showing segment total - first bar is empty and then 2, 2+7=9, and total…
k-s
  • 2,192
  • 11
  • 39
  • 73
6
votes
1 answer

Changing the width of the y-axis label area in jqplot

Ok, I've got a bar chart. And it basically works... but the labels on the y-axis are kinda long and wrap and then run into each other. I've tried changing the css, but it gets overidden by JS. I tried scanning thru the jqplot library to find out…
icchanobot
  • 3,323
  • 27
  • 37
6
votes
1 answer

How to return a multidimensional array as JSON for jqPlot chart in ASP.NET MVC C#

The json needs to be in this format: var data = [ ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], ['Out of home', 16],['Commuting', 7], ['Orientation', 9] ]; But in my action method I can't figure…
wgpubs
  • 8,131
  • 15
  • 62
  • 109
6
votes
1 answer

How to animate diagrams with jQuery and jQplot (updating data)

I am "animating" diagrams over time by changing the data and redrawing them. // initialization var data = ... var targetPlot = $.jqplot('#diagram', data, diagramOptions); Now after some time I will change the data in some way and want to update the…
Sandro L
  • 1,140
  • 18
  • 32
6
votes
4 answers

JSON for jqPlot

I would like to use jqPlot usinge data from server side coming in JSON, like described in this example: http://www.jqplot.com/tests/data-renderers.php My code is nearly the same like the example: function myGraph(jsonurl) { var ajaxDataRenderer =…
The Bndr
  • 13,204
  • 16
  • 68
  • 107
6
votes
1 answer

Needing example to load jqplot with multiple series, date-based data from json file

Been searching and cannot find exactly what I am looking for. Need to load multiple series into one jqplot, with each series coming from its own data file. The example here http://www.jqplot.com/tests/data-renderers.php does show how to load a…
6
votes
2 answers

jqPlot - multiline ticks with angle in x-axis

I have a question about ticks in x-axis. I work with jqPlot 0.9.7 My ticks are multiline, like this: a
b
c
d. I use renderer: $.jqplot.CategoryAxisRenderer and it works well, so the ticks show in multiline and works. Now I need to…
yaki_nuka
  • 724
  • 4
  • 26
  • 44
6
votes
1 answer

How to associate an event with only one object? jqplot

Im using jqplot to draw some charts. It is a great tool, but it lacks a simple clickhandler option for each chart. Its plugins like highlighter, draggable and cursor register their interest in capturing click/mouse-events from the jqplot canvas by…
rapadura
  • 5,242
  • 7
  • 39
  • 57
6
votes
1 answer

Using jqPlot plugins in PrimeFaces charts to draw lines on chart

I would like to draw some extra lines on my PrimeFaces (v5.3) chart, in particular on a linechart. Looking at the jqPlot example (PrimeFaces uses jqPlot to draw the charts), this example shows what I want to do. I have used the approach described…
Thirler
  • 20,239
  • 14
  • 63
  • 92
6
votes
1 answer

JavaScript charts - dynamically adding data points

I am trying to dynamically add data points to jqplot as a result of AJAX received data, but I do not see a way to accomplish this. Is this not possible? If it isn't, what other packages are available that can accomplish the same basic graphing plus…
David Pfeffer
  • 38,869
  • 30
  • 127
  • 202
6
votes
2 answers

JQplot labels cut off in IE 8

Has anyone seen this before? https://i.stack.imgur.com/kncuH.png It cuts of the text of the labels. You can see it in the bottom and some of the ones in the y axis. I'm using jqplot version 1.0.8 and jQuery to 1.9.1. I tried changing the font size…
Dissan
  • 63
  • 4
6
votes
1 answer

How to break graph in line diagram of jqplot

How to break a graph line if there is missing value and start again after the next value is enetered.
user2600752
  • 63
  • 1
  • 6
6
votes
3 answers

How can I add text as a jqplot canvasOverlay?

I'd like to overlay a label on a jqplot chart. The label should consist of text or ideally, any markup. I've examined the documentation and examples, and can't find examples of arbitrary labels in the main jqplot chart area. Related features of…
Sectio Aurea
  • 393
  • 6
  • 10