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

HIDPI/Retina Plot Drawing?

I have seen 3 tickets on bitbucket asking about this over the last year but have never seen a definitive answer. One of those tickets gave some code, but I'm at a loss as to where that code belongs. var devicePixelRatio = window.devicePixelRatio ||…
Andrew
  • 2,690
  • 23
  • 27
4
votes
1 answer

MVC Javascript objects

I'm writing an API and website which displays charts of data. I've written an abstracted 'Chart' object, which has things like a Series collection, various display options, and other stuff you'd expect to find on a Chart object. I'm using this…
Neil
  • 726
  • 10
  • 14
4
votes
3 answers

How to display the JQPLOT graph rather a long text

I have a method in controller class which returns JSON data: public ActionResult ChartDataJSON() { Chart chart = new Chart(); DataSet ds = dbLayer.GetChartData(); DataTable dtChartData = ds.Tables[0]; List chartData =…
user1254053
  • 755
  • 3
  • 19
  • 55
4
votes
2 answers

jqPlot Legend overflow div

I use jqPlot 1.0.0b2_r1012. I try to draw pie chart and I can draw successfuly. However Legend overflow from div. I explain my code and attach screen shot in below. I use this function draw pie chart: function drawjQPlot(div, data) { var…
Dreamcatcher
  • 798
  • 13
  • 31
4
votes
2 answers

Display points labels on bar - jqPlot

I have a bar chart with multiple color that looks like this the code I used : $(document).ready(function(){ var line1 = [['Kliks', 119],['Unieke kliks', 91],['Afgemeld', 12]]; $('#chart3').jqplot([line1], { seriesColors:['#74b6e7',…
John Bale
  • 179
  • 5
  • 14
4
votes
1 answer

Keyboard event left/right arrow in jqPlot

I would like to make a tooltip that will respond to the keys (left / right). How do I add an event in a similar way: $.jqplot.eventListenerHooks.push(['jqplotClick', handleClick]); I need to get the 'plot' object in event.
BLuM
  • 657
  • 5
  • 28
4
votes
3 answers

jQPlot turning on and off series

If I run this code below in jqplot I get all lines(series) rendered on the graph: series: [ {label:'qqq', color:'#CD0000',show:true}, {label:'www', color:'#FFAA00',show:true}, {label:'eee',…
medzi
  • 407
  • 1
  • 8
  • 20
4
votes
3 answers

jqPlot graph in accordion

I want to plot a graph within a jQuery accordion but it causes the graph to chopped and the scales to be displayed. Anyone got a fix for this?
teddyboy
  • 41
  • 1
  • 2
4
votes
2 answers

How does jqplot calculate bar width?

I'm trying to understand how jqplot calculates the width of bars when the width is not specified. Say I have the following chart: $.jqplot(chartDiv.attr("id"), [ [ ['2013-02-15', 0], ['2013-03-01', 2], ['2013-03-15', 4], …
elo96
  • 341
  • 1
  • 5
  • 16
4
votes
2 answers

Use of HIghlighter in PieChart : jQplot

I want to use Highlighter functionality in to a PieChart. My code is function device_ownership_graph(titleOfGraph, corporateOwned, corporateShared, employeeOwned) { var arrCorporateOwned = [ 'Corporate-Owned', corporateOwned ]; var…
Android Learner
  • 2,559
  • 6
  • 34
  • 43
4
votes
2 answers

jqplot horizontal line

Can't seem to get horizontal line to show up, I've looked at previous posts, but nothing there that works... Maybe I'm missing an import? The graph itself shows up well. $(document).ready(function(){ var line1 = [['January', 1], ['February',…
Vlad
  • 109
  • 2
  • 7
4
votes
3 answers

JQPlot: How to replot at different position

So I need to plot about 120 bar charts on my screen, so I do the following var barPlot = $.jqplot(targetDiv, jsonBarObj, createBarChartOption(jsonLegendObj, jsonColsObj)) targetDiv is the id of different div on the page like barDiv1, barDiv2 ... In…
Thang Pham
  • 38,125
  • 75
  • 201
  • 285
4
votes
1 answer

jqPlot combining a bubble plot and a line plot

Is it possible to combine a bubble-plot and a line-plot in the same chart using jqPlot ? Based on the discussion in combined line and bar w/ jqplot , I have created a jsfiddle which contains a buble-plot and a bar-plot here :…
my account_ram
  • 325
  • 3
  • 11
4
votes
1 answer

How to flip my jqPlot chart

I'm drawing a chart with jqPlot, and in my template I've designed the chart so that it grows downwards, kind of flip the bars so that they start from the top and go down, depending on some input from the db. I was thinking of multiplying by -1, but…
Ando
  • 1,802
  • 4
  • 25
  • 47
4
votes
5 answers

jqPlot repeating values on Y axis

I have a graph which values on Y axis can quite vary. The only information I have is: all values are integers the value are >=0 Now if I have just few values with very low volatility like (lets take the extreme) [0,0,0,0,0,0,0] I got on my Y axis…
Jan Zyka
  • 17,460
  • 16
  • 70
  • 118