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

remove the x and y axis line from jqplot

I dont want the X and Y axis line on the jqplot. something like this how should i achieve this. I tried various options of jqplot like showGrid: false etc... nothing works
user564927
  • 275
  • 1
  • 5
  • 15
5
votes
1 answer

Why does jQPlot dateAxisRenderer not working correct?

i would like to use the jQPlot and will render an axis as a series of date values - the raw package of jQPlot can be font here: http://www.jqplot.com/ http://www.jqplot.com/docs/files/plugins/jqplot-dateAxisRenderer-js.html The Problem is this: a)…
spotlr
  • 319
  • 5
  • 15
5
votes
1 answer

jqplot vertical axis label

A really simple question but I could not figure it out... I tried to use jqplot to generate a line plot with vertical y axis label. Based on the example from jqplot web site, all I need is to use this plugin jqplot.canvasAxisLabelRenderer.min.js. I…
TTT
  • 4,354
  • 13
  • 73
  • 123
5
votes
1 answer

jqPlot : how to color parts of background / grid with several different colors

I am using the excellent jqPlot plug-in, and the only feature that I didn't find in the documentation is "how to color parts of background / grid with several different colors" The x-axis units of my graphs are dates. I would like to highlight the…
sdespont
  • 13,915
  • 9
  • 56
  • 97
5
votes
3 answers

turning pointLabels on and off in jqplot

I am trying to turn pointLabels on and off programmatically. I thought it would work something like this: var data_ = [[1,1],[2,5],[4,9]]; var graph = $.jqplot(id_graph, [data_], { series:[{pointLabels: { show:true } }] } …
5
votes
1 answer

How can I hide the points that are displayed on the plot chart?

I have the following jqPlot chart: $(document).ready(function () { var line1 = new Array(); @foreach (var item in Model) { line1.push(["@item.VisitDate.Value.ToString("dd-MMM-yyyy")", @item.count]);
user1404577
5
votes
1 answer

jqplot cannot display legend and y axis label correctly

I have a linechart using jqplot with two lines. One line represents max values and other one represents min values. With my code legend does not display correctly and y axis label overlaps with y axis ticks What am I doing wrong? Thanks for your…
Roger
  • 600
  • 5
  • 18
5
votes
1 answer

jqPlot - How to add vertical scrollbar to legend box containing many legend items

Last week I asked the following question to which I got an answer: jqPlot - Pie legend too tall when there are many legend items I'm now looking for a way to add a vertical scrollbar to my legend box which in some cases could contain more than 20…
jpen
  • 2,129
  • 5
  • 32
  • 56
5
votes
1 answer

jqPlot - Pie legend too tall when there are many legend items

I'm using jqPlot to create a pie chart with a legend. Part of my jqPlot pie options look as follows: seriesDefaults: { renderer: $.jqplot.PieRenderer, rendererOptions: { padding: 10, showDataLabels: true, …
jpen
  • 2,129
  • 5
  • 32
  • 56
5
votes
2 answers

jqPlot - How to change opacity or z-index of canvasOverlay?

I would like to show 3 color zones on my graph on the background according to y axis value, as I understand, I cannot control the background color by different colors. My idea is to draw 3 horizontal lines with canvasOverlay - that is working. The…
Katya
  • 125
  • 1
  • 2
  • 8
4
votes
1 answer

jqplot show trendline over barchart

Can anyone please tell me what I need to do with the code below to display a trendline over my barchart. Thanks! I am using the JqPlot plugin. Here's the code to date...
decbrad
  • 191
  • 5
  • 15
4
votes
3 answers

Redrawing jqPlot

I am working with a jqPlot and was wondering if theres a way to resize/redraw it when someone changes the window size. I know there is a redraw function but im not sure how to really invoke it... Can someone give me some pointers on how to do…
craigtb
  • 647
  • 5
  • 12
  • 30
4
votes
2 answers

jQPlot Highlighter - Different highlighter options for each series

I have a jQPlot line graph with three different series on it and am using the Highlighter plug in to show hover overs on the data points in each series. I'd like to use different options for highlighter for each line in the graph. Lines 1 and 2…
nolt2232
  • 2,594
  • 1
  • 22
  • 33
4
votes
1 answer

JQPlot - Make y-axis only integers?

How can I make a graph in jqplot make all of its ticks at even integer intervals? For example, I have yaxis: {numberTicks:16, min: 0} I'd like to have it so that the chart stretches from 0-15, and if plot points go beyond 15, the chart changes to…
theeggman85
  • 1,745
  • 6
  • 23
  • 36
4
votes
2 answers

Rotate jqplot or any other jquery plot by 90 degree

I would like to display a plot after rotating by 90 degree. I prefer any jquery based plotting tool. Fig. 1 is diagram of the normal plot Fig. 2 is diagram that want to have by rotating Fig. 1 As I see jqplot is using multiple canvas to draw the…
Shahdat
  • 5,343
  • 4
  • 37
  • 37