Stack Overflow
Stack Overflow

Questions tagged [flot]

Flot is a pure JavaScript plotting library for jQuery with a focus on simple usage, attractive looks and interactive features. It produces graphical plots of arbitrary datasets on-the-fly client-side.

Useful links

Code Snippet / Fiddle

  • When asking questions it is a good idea to provide a Code Snippet or Fiddle which reproduces your chart and / or problem. This greatly increases the possibility for others to understand and/or debug your problems.

Common pitfalls for time-mode graphs

Related tags

2064 questions
94
votes
11 answers

How do I make a div full screen?

I am using Flot to graph some of my data and I was thinking it would be great to make this graph appear fullscreen (occupy full space on the monitor) upon clicking on a button. Currently, my div is as follows:
Legend
  • 113,822
  • 119
  • 272
  • 400
52
votes
3 answers

Flot With "String" x-axis

When using flot I would like to have a string based x-axis. For example I have a list of customers "Bob", "Chris", "Joe" and would like to plot their revenue on the Y-Axis. (this is a bar graph) It seems at first glance flot only supports numeric…
Chris Muench
  • 17,444
  • 70
  • 209
  • 362
49
votes
7 answers

Axis label in Flot

Does anyone know how one can set the label or title of an axis in Flot? I've read the API but it doesn't seem to have that feature... Thanks :)
Nobita
  • 23,519
  • 11
  • 58
  • 87
38
votes
7 answers

Linear Regression in Javascript

I want to do Least Squares Fitting in Javascript in a web browser. Currently users enter data point information using HTML text inputs and then I grab that data with jQuery and graph it with Flot. After the user had entered in their data points I…
Chris W.
  • 37,583
  • 36
  • 99
  • 136
37
votes
2 answers

How to Integrate Flot with AngularJS?

I am new to Angular and Flot, but am experienced with Jquery and Javascript. I am a bit confused about how to go about binding a Flot chart to Angular data models, since Flot is a JQuery plugin. I've searched around, but haven't been able to find an…
JBCP
  • 13,109
  • 9
  • 73
  • 111
37
votes
5 answers

Flot Data Labels

I'm trying to produce a line chart using Flot, but I want the data labels to show up on the chart - meaning, I want the value of each point to appear next to that point. I feel like this should be an option, but can't find it in the API. Am I just…
Zeth
  • 875
  • 1
  • 7
  • 13
35
votes
6 answers

JavaScript Charts API: Flot jQuery Plugin OR Google Visualization?

I am looking for a charts library to be displayed on a website. I will use intensively this library (for area, line and bar charts mainly), so I prefer to secure my choice before starting implementing. The list of website chart libraries that I have…
fabien7474
  • 16,300
  • 22
  • 96
  • 124
26
votes
2 answers

jquery flot pie slice color

I can't figure out how to get flot.pie to change the pie slice color, just the series color. Is this possible?
Caveatrob
  • 12,667
  • 32
  • 107
  • 187
24
votes
4 answers

Jquery Flot pie charts show data value instead of percentage

I can't figure out how to get flot.pie to change the data shown in the labels from a percentage of the "raw data" to the actual data. In my example i've created a pie chart with the numbers of read/unread messages. Number of read messages: …
Ruud van de Beeten
  • 1,185
  • 2
  • 9
  • 17
24
votes
3 answers

Put only integers in x and y axis of bar and line graphs - Flot

In Flot.js, bar graphs and line graphs have numbers as the coordinates in the x and y axis by default. How can you make the coordinates such that the numbers are only integers or at least only the integers are visible?
six.strings.and.a.bit
  • 527
  • 4
  • 9
  • 19
22
votes
2 answers

Bar width problem in flot

I have a chart, that displays bars which represent rainfall in 24h. Now the first problem I had, was the default 1px width for bars in flot, see this example: I searched for a solution and found that specifing barwidth like this: bars: { …
Jernej Jerin
  • 3,179
  • 9
  • 37
  • 53
22
votes
7 answers

Any examples of Flot with floating tooltips?

I am currently working on a Flot graph, the API which seems pretty powerful overall, although examples of advanced use are not widely documented. The API suggests there are ways to set hoverable on the graph, not that I am sure what exactly that…
j pimmel
  • 11,617
  • 6
  • 33
  • 43
22
votes
3 answers

How to save a jQuery FLOT Graph to a .png or other image format?

I'm using a plugin for Jquery called FLOT http://code.google.com/p/flot/ Once the graph is rendered I want the client to be able to save the graph to a file for later. Any idea on how this can be done without requiring the client to download some…
Josh
  • 819
  • 1
  • 14
  • 30
22
votes
4 answers

Flot Stacked Bar Chart and displaying bar values on mouse over

I'm trying to understand the tooltip functionality of Flot but not really getting my head around it! I am trying to achieve a tooltip that displays the label and value of each section of a stacked bar chart Would someone be able to point my towards…
Tristan
  • 3,845
  • 5
  • 35
  • 58
22
votes
5 answers

How to json_encode php array but the keys without quotes

I'm trying to plot (with Flot) a pie chart with some data var data = The result I get from that is this: var data = [ {"label":"Crear Usuario", "data":"2"}, {"label":"Impresoras", "data":"1"}, {"label":"Problema…
Danny
  • 986
  • 1
  • 18
  • 42
1
2 3
…
99 100