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

time bar graph that is stacked using flot

taking the example from http://www.flotcharts.org/flot/examples/stacking/ I am trying to implement the same but x-axis is time https://jsfiddle.net/shorif2000/u6kvfjzc/ processData(json.rows.incidents.data, json.rows.incidents.tab); function…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
0 answers

flot graph not working on ie11

My flot graph is rendering fine on firefox and chrome, however on ie11 it does not render. the graph appears with no datapoints. var options = { "xaxis" : { "mode" : "time", "timeformat" : "%d/%m", //"tickSize" : [1,…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
1 answer

show loading box before flot chart generates

I am trying to display loading box before the flot chart is updated. on document load it works fine however when i use click events on the buttons the loading box only appears after the flot chart has updated. following doc ready works. function…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
2 answers

Add another series to existing plot with flot

I need to know how I can easily add another series to an existing plot using Flot. Here is how I currently plot a single series: function sendQuery() { var host_name = $('#hostNameInput').val(); var objectName = $('#objectNameSelect…
Mark Cheek
  • 265
  • 2
  • 10
  • 20
0
votes
0 answers

update flot chart with new data from ajax

I have the following output from php which I am getting from using ajax. AVAILABILITY: "99.26" BEARER: "3G" SUM(UNAVAILABILITY_D): "11458800" SUM(UNAVAILABILITY_N): "84353" TIMESTAMP: "2015-12-08 14:00" VENDOR: "Hua" VF_REGION: "South" Array…
shorif2000
  • 2,582
  • 12
  • 65
  • 137
0
votes
1 answer

Flot bar chart - margin for the the largest bar

Normally, the longest bar spans to the right border. I want it like you see on the picture. I've achieved that by computing the max value and setting xaxis: { max: maxValue * 1.1 }. Again, a bit hacky. I have tried - without success: …
Ondra Žižka
  • 43,948
  • 41
  • 217
  • 277
0
votes
1 answer

Unable to make chart on two years with jQuery Flot

I'm trying to use jquery.flot.js with jquery.flot.time.js plugin in order to setup a graph with years date on xaxis. It's a simple graph, with two lines, each of them has a point for year 2014 and a second one for year 2015. But I'm unabled to have…
DrÿSs'
  • 41
  • 1
  • 6
0
votes
1 answer

Flotcharts barChart first and last bar cut off

I'm using a combination of Flot Charts and AngularJs to display a bar chart. Originally the chart was created to be a line chart. The bar chart uses the time mode and the displayed data is linked by timestamps. Chart options: $scope.chartOptions =…
Bart van Zanten
  • 13
  • 4
0
votes
1 answer

Bar chart looks bad before change data

Hi here I set the data to the bar chart: setDatosBarra: function(data){ // var self = this; var horaEstim = 0; var horaReal = 0; var horaTotal = 0; if(data[0].horas_estim != '-'){ horaEstim = data[0].horas_estim; …
Jeanbf
  • 317
  • 1
  • 5
  • 15
0
votes
1 answer

Time in x-axis not showing correctly for graph in flot js

I'm plotting graph using flot js. Now date stored in the database is in this form. 2015-10-29 11:35:33 I convert it to miliseconds, pass to ajax to plot the graph and that graph ought to display date in x-axis not in miliseconds but in readable…
112233
  • 2,406
  • 3
  • 38
  • 88
0
votes
2 answers

Real time graphing with flot, mysql, php

I'm trying to draw a real time graph as my mysql table is constantly being inserted with values, like a moving graph referenced from http://kalanir.blogspot.com/2009/11/how-to-plot-moving-graphs-using-flot.html The values actually come from a…
Sunny
  • 51
  • 1
  • 2
  • 6
0
votes
0 answers

Flot Selection to Control multiple charts

I've been trying to modify the code from the flot examples (http://www.flotcharts.org/flot/examples/zooming/) so that I can replot a number of charts depending on the selection (i.e. changing xaxis.min and xaxis.max) and keep them all correlated. I…
J-Bizzler
  • 1
  • 2
0
votes
1 answer

Full Graphic(javascript flot plugin) to image(png)

i'm using the flot plugin for javascript to plot some graphics on a web software, it works perfectly..I can plot the graphic, export the data to an .xls file, save the graphic figure as a .png file(both you can choose the name of the file) Anyway,…
Alvaro SpS's
  • 39
  • 5
0
votes
1 answer

Flot Charts - Issues getting Tooltips plugin to show

I'm working with Flot Charts (http://www.flotcharts.org) and having problems getting some plugins to work. Below is my line graph and I can't get the tooltips plugin to show (https://github.com/krzysu/flot.tooltip). I also couldn't get an axis…
Cory
  • 173
  • 3
  • 11
0
votes
0 answers

How to Plot data from Beginning

I want to develop a dynamic page that is connected to MySQL database (from a server) and display the result in a plot in real time. So far I managed to get my data from my database and display the graph. However, I couldn't manage to do it in real…
ARoy
  • 181
  • 3
  • 22
1 2 3
…
99 100