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

Displaying flot PieChart from asp.net mvc json data

flot chart fails to display . There are no errors popping up when debugging. but same js display data for a sparkline chart. the data is in json format and looks like this. .. [ { "label": "Female", "data": 43 }, { "label":…
Olaoluwa
  • 66
  • 12
0
votes
1 answer

jQuery Flot library label formatting and adjustment

I would like to align the labels to right side of the pie chart. Currently it is on top of that. How do I change that? Here is my code: $json_ar = array( ["label"=> "Management Frames", "data"=> $cnt_mgt, "color"=> "#50D050"], …
Akhil Koul
  • 1
  • 1
0
votes
2 answers

Bootstrap popover on flot graph

I am trying to add popover on my graph. it is not working. var datasets = [{ "label": "Amend Existing Report", "data": [{ "0": 1446422400000, "1": 0 }, { "0": 1447027200000, "1": 0 }, { "0": 1447632000000, …
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
1 answer

Change X Axis Range in JQuery Flot Line Chart

I would want to establish the range for the X-Axis to a year instead the quantity of points of the lines, I have the code: obj = {"TO EXPORT":{"color":"#d9534f","list": [["2016","1","1"], …
perodriguezl
  • 430
  • 3
  • 13
0
votes
1 answer

flot displaying correct date figures on xaxis using time

I have 13 weeks of data which i want to display as bar graph. I want the dates to start from Monday each week. I have managed to get 13 weeks to display on xaxis and 13 bar lines to display. I cannot get the dates to start from Mondays and line up…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
1 answer

how to display bar graph using stack

My bar graph is not stacking plus its also display extra 2 bars var datasets = [{"label":"Amend Existing…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
0 answers

How to download flot chart as image?

I have implemented a flot chart. What I wanna do is to save the graph to other formats like: PNG, JPG,... I managed to screenshot the graph and append bellow in the webpage when i click "Generate". And then I can right click on image and save it as…
Ionut
  • 724
  • 2
  • 9
  • 25
0
votes
1 answer

Zoom & Pan draws wrong lines in Jquery Flot Chart

I am developing a chart with Jquery Flot Chart. The problem is weird. When I zoom and pane, the behaviour of chart changes. Look at the this samples.
mehr
  • 845
  • 1
  • 9
  • 18
0
votes
1 answer

Flot chart ajax dynamic url getting data from server side

As I see to the flot reference. they said, The plot function can also be used as a jQuery chainable property. Is possible to define the flot chart to be like this? var pid = ''; var kid = ''; var chartasset; $(document).ready(function() { var…
jboxxpradhana
  • 468
  • 2
  • 6
  • 22
0
votes
1 answer

Symfony2 - how to properly access data from the DB (via controller) in JS in order to use Flot?

I want to draw a chart using Flot. The data is stored in my database (MongoDB) and Flot is being rendered in JS - so I need to somehow pass the data from my controller to Javascript in order to give this data to Flot. I tried to make a restful api…
msniezko
  • 321
  • 1
  • 3
  • 11
0
votes
1 answer

Flot charts xaxis, 2 days ago by default without removing the ability to see the previous days

Here's my problem: I have a flot chart that receives data from the server by a JSON string, the dates are stored with the unix timestamp format. My problem is that i want to show just the past X time by default in the xaxis, e.g 2 days ago, without…
Miguel
  • 1,579
  • 5
  • 18
  • 31
0
votes
1 answer

Converting PHP MySQL date to Javascript timestamp for FLOT time series data

I am currently working on creating a Flot JavaScript Time Series Line Graph. The graph analyses the number of users who create an account with against the time that the account was created. Here is a screenshot of the users table I have so far been…
Jun Jie
  • 149
  • 1
  • 15
0
votes
1 answer

How to display current time in a tooltip flot chart?

Sorry if this problem has been already questioned. I think I'm close to what I wanna do, but it's something I omit. I have a real time flot chart which has on x-axis the current time (HH:mm:ss) and on y-axis a random value. I want to display in a…
Ionut
  • 724
  • 2
  • 9
  • 25
0
votes
0 answers

What to pass as x-axis Max in Flot Time Series When using with Pan?

I created Flot time series with pan functionality. Now i want my initial x-aixs hold only 10 data, when scrolled remaining will appear. This is possible by adding max to x-axis. In normal chart if i pass max: 10 then first 10 records will appear…
Harikrishna
  • 1
  • 3
0
votes
1 answer

Flot is interpreting timestamps incorrectly: displays different hours as same hour

I have following points on my graph: data = [ [1450825200, 3], [1450828800, 9], [1450832400, 8], [1450836000, 7], [1450839600, 6] ]; First value (data[0][0]) is the timestamp,…
van_folmert
  • 4,257
  • 10
  • 44
  • 89
1 2 3
…
99 100