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

Single point is buggy in flot.js chart

I'm having a bit of trouble trying to implement a flot chart correctly. It's a line chart with dates on the X axis and decimal values on the Y axis. The chart displays fine, but there's a single point which is, essentially, at the correct place on…
bomortensen
  • 3,346
  • 10
  • 53
  • 74
0
votes
1 answer

What is number 1262304000000 in flot charts?

I am newbie in flot charts, i don't know what is the number 1262304000000, 1264982400000, 1267401600000,... meaning. var d1 = [[1262304000000, 6], [1264982400000, 2057], [1267401600000, 2043], [1270080000000, 2198], [1272672000000, 2660],…
tuanptit
  • 353
  • 2
  • 5
  • 14
0
votes
2 answers

Jquery Flot problem when loading JSON

Sorry for the noob question. I've read through a couple questions and am unable to solve my problem. I cannot seem to load the data. I have the following json code output from a php script. {label: "load",data:[[1283294013*1000,…
ScrewzLuse
  • 1
  • 1
0
votes
2 answers

Show date from DB in jQuery flot

I have some data from the Db that I would like to show in a graph. This is data example - date and some number [[2016-03-10, 4], [2016-03-11, 3], [2016-03-12, 6]] Data in JS is taken from twig variable var searchFlot = '{{ flotSearch|raw }}'; var…
Moirae
  • 139
  • 3
  • 14
0
votes
1 answer

flot stacked bar graph show hide when using grow

When I am using grow for animation on my bar graph the show hide does not work. var d1 = []; for (var i = 0; i <= 10; i += 1) { d1.push([i, parseInt(Math.random() * 30)]); } var d2 = []; for (var i = 0; i <= 10; i += 1) { d2.push([i,…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
0 answers

Flot from array of struct

in my CSV file, each line contains timeStamp and some values that I want to display as separated flot charts. Flot expects array of pairs as [timeStamp , value] but I have arra of struct [timeStamp, val1,val2, val3] Is there a simple solution to…
Atara
  • 3,523
  • 6
  • 37
  • 56
0
votes
1 answer

How can i change shape of legend jquery flot

I'm finding about jquery flot. And when i draw two lines, it displayed two legends with rectangle shape. But i want to change these default shape of jquery flot. One shape is rectangle (wind direction), another shape is line (wind speed). Here is…
Khanh Pham
  • 2,848
  • 2
  • 28
  • 36
0
votes
1 answer

Flot plothover - pos.y is undefined

I made a combination of Flot series-toggle sample with Flot tooltip. but I get errors when I have multiple series and hide some of them. in plothover, pos.y might be undefined if the first chart is hidden. Instead, there might be y1, y2, y3 ...…
Atara
  • 3,523
  • 6
  • 37
  • 56
0
votes
2 answers

How to resize a real time flot chart?

Is there a js library or a way to resize my real time flot chart when I resize the browser? My chart is like this example. The difference between the example and my chart is that it is put in a table. EDIT: I have found that jquery.flot.resize.js…
Ionut
  • 724
  • 2
  • 9
  • 25
0
votes
2 answers

What's wrong with my FLOT data?

My PHP is working fine and I appear to be getting back the correct JSON data for FLOT, but I'm still getting a blank chart :-/ Here's the PHP: foreach($result as $row) { //or whatever $dataset1[] = array((int) $row['INDX'], (int) $row['RUNTIME']…
Iain
  • 101
  • 1
  • 1
0
votes
1 answer

How to save a real time flot chart as image?

I know that this type of question has been already made. I have seen answers on this topic, but I didn't understand actually how to save a flot chart as an image (png or jpeg). Bellow you have a print screen of my real time graph. . When I…
Ionut
  • 724
  • 2
  • 9
  • 25
0
votes
2 answers

Set same gap between each point of x axis data in Flot Js

My graph is as below : I want to make an same gap between each point in flot because I want to show only 6 data at the same time. So I can manage the look of my x axis data. Right now this is not looking good. You can give me another solution for…
Navin Nakum
  • 77
  • 8
0
votes
0 answers

Set jQuery Flot bar color through css?

I am making use of jQuery flot library in Angular JS. The graph is drawn in my case in the controller. So it is here where the color is also set. Is there a way to set the color of the bar through css?
anand patil
  • 507
  • 1
  • 9
  • 26
0
votes
1 answer

flot how to use threshold and have curvy lines?

How can I use threshold plugin and have curvy lines on a time graph? This online fiddle I found, not sure how it is made var datasets =…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
1 answer

display total of bar on flot hover

I would like to display total of bar on flot hover when I have multiple series. Also How can I hide the color from that stacked bar line of 0 values. var datasets = [{ "label": "Amend Existing Report", "data": [{ "0": 1446422400000, …
shorif2000
  • 2,582
  • 12
  • 65
  • 137
1 2 3
…
99 100