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
0 answers

jqplot multiple bar/line chart allignment

I have created the following chart using jqplot. I would like align the blue line with the blue bar chart and the red line with the red bar chart.By align I mean that the 'bullet' of the line chart, which shows the value, would be aligned with the…
matteo84
  • 133
  • 8
5
votes
1 answer

jqplot Highlighter for different line graphs

I have a series of line graphs in a jqPlot chart. What I want to do is turn off highlighting for all the graphs except one graph for which I want the Highlighting to happen. How can i do this?
Prasanna Raghu
  • 2,593
  • 3
  • 22
  • 25
5
votes
3 answers

How to display the labels outside the pie chart in jqplot?

Jqplot has the chart like following jqplot Chart my question is how to display the labels outside a jqplot chart like the following high chart, high chart is available at here fiddle hight charts
Pandiyan Cool
  • 6,381
  • 8
  • 51
  • 87
5
votes
1 answer

line charts with different negative colors

Is it possible to have something like this with Jqplot or Google Visualizations So far I was able to create something similar but not entirely what I want with jqplot Code: var style = { seriesDefaults: { fill: true, fillToZero: true, …
jasenkoh
  • 4,011
  • 2
  • 19
  • 24
5
votes
1 answer

Is it possible to make this graph using jqplot?

Is it possible to make the graph using jqplot, as given below? The closest possible graph to this is stacked but using that coloring as well as point labels are a problem. This jsfiddle contains my effort to make this bar chart along with it's…
neel shah
  • 2,231
  • 15
  • 19
5
votes
3 answers

jqplot, remove outside border

How to remove outside borders of jqplot, Please take a look at following screenshot. I tried with different options and searched for it, ButI didn't get a solution. Here is my code, plot1 = $.jqplot(container, [data], { title: 'title', …
Srihari Goud
  • 824
  • 10
  • 25
5
votes
2 answers

Visualize date specific data with a line chart in browser with javascript

I want to visualize some data in the browser with a line chart. At the x-axis there should be the date, at the y-axis there should be the value. I know that there are some javascript plotting solutions out there. But especially for date-specific…
mcknight
  • 607
  • 1
  • 5
  • 17
5
votes
3 answers

JQPlot - How to change the cursor to pointer on Hover to Bar in JQPlot?

I want to change the cursor to 'Pointer' when it hover to Bar of the JQPlot. I have tried to change in the CSS. But it didn't work. Please help me.
Manish
  • 99
  • 1
  • 8
5
votes
2 answers

horizontal legend at the bottom of graph in jqplot

I m able to get horizontal legend of jqplot graph using EnhancedLegendRenderer plugin.But i need horizontal legend at the bottom of the graph .Any suggestion?
Code4Fun
  • 61
  • 1
  • 3
5
votes
1 answer

How to have only point in JqPlot rather than line

I am a newbie for JqPlot. Is it possible to plot only points without connecting them. As I don't want it to be a line chart. I just want scattered points on the graph.
Tejas Patel
  • 1,289
  • 13
  • 25
5
votes
3 answers

too large bar width in jqplot

I'm new to jqplot, when I want to draw a bar chart, x axis is date, interval is 1 day. This is part of my code: axesDefaults:{ tickRenderer:…
dusiliang
  • 53
  • 1
  • 1
  • 4
5
votes
3 answers

jqplot legend control per series. Series showLabel not working with EnhancedLegendRenderer

I wish to selectively hide legends of some serie in a plot. And this http://www.jqplot.com/docs/files/jqplot-core-js.html#Series.showLabel looks to be the correct option for this. But using series:{showLabel:false} with doesn't seem to work. An…
Siva
  • 186
  • 1
  • 10
5
votes
6 answers

Custom Tooltip on JQPlot Line Chart

I am trying to get a custom tool tip for the line graph as I want the tool tip to describe the points in greater detail rather than the value of that point. (Image attached further explaining what I am on about) I have given an attempt on how to do…
Joz
  • 81
  • 1
  • 1
  • 5
5
votes
1 answer

JQPlot - format ticks based off region

How can I format the ticks in my jqplot to handle the change between , and . and " " depending on the region I'm in. For example. European - 1.000,00 US - 1,000.00 Other 1 000,00 My example jqplot initialization looks like.... plot3 =…
MTAG11
  • 396
  • 2
  • 8
  • 23
5
votes
1 answer

Change axis scale with LogAxisRenderer

I plot data with jqPlot using logAxisRenderer to have two logarithmic axes. Everything is fine except of two problems: jqPlot creates a lot of empty space between 0 and 1. There are two zeros on the x-axis, since I format the numbers to "%'i" (one…
user1061401