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.

Filter by
Sorted by
Tagged with
0 votes
2 answers
45 views

flot bar widths not displaying equally

I'm attempting to draw a flot chart. bar chart time on the x-axis all bars should be the same x-size (width) Here's the code used: var data = [{ color: '#ff7e00', data: [ [...
elb98rm's user avatar
  • 690
1 vote
1 answer
37 views

How to extract Flot animation?

In this website, there is a nice animation of the motion of a diatomic chain: http://lampx.tugraz.at/~hadley/ss1/phonons/1d/1d2m.php How can I extract it? Ideally I woud like to make a gif. I can see ...
Mphon's user avatar
  • 135
0 votes
1 answer
34 views

Flot Chart with 3 values in tooltip

I would like to create a Flot Chart with tooltip and 3 values inside. So i created data as follow: var d1 = [[1678780801000,137.00,'test'],.... I hoped i could place the tootip with ....y=item....
Thomas B's user avatar
0 votes
0 answers
22 views

Gflot symbol plugin cross function - Create Stripped Cross Symbol

I'm using gflot library to create charts, and for missing data; I'm drawing cross symbol, using this function from symbol plugin. cross: function (ctx, x, y, radius, shadow) { // pi * r^2 =...
Oxy's user avatar
  • 13
0 votes
1 answer
21 views

Flot Charts with xasis Time

I am trying a flot charts with data [[1645570986, 0.4624863055203449], [1645570987, 0.4624863055203449], [1645570988, 0.468952235505014],…] therefore [timespamp, value], however, the time does not ...
alby696's user avatar
0 votes
1 answer
79 views

how to add flot graph into jspdf and error canvas.toDataURL

I have some code with flot graph like this image1 and i wanna put that graph into export pdf with jspdf in html code, flot graph generated like this <div id="myGraph" style="height: ...
faradie's user avatar
  • 37
0 votes
0 answers
41 views

Flot chart x axis time is displaying wrong details in the starting of xaxis

I am facing an issue with flotchart x-axis time issue. XAxis data is displaying the wrong details. Here in the Datagrid time is started from 13:00:04, but in the chart, time is starting from 8:00`.9:...
Shahzad Hussain's user avatar
0 votes
2 answers
91 views

How to ad an onclick function on angular-flot bars

im using angular-flot to create a char representation of some data, this is my .html : <div flot id="dataChar" [dataset]="barData" [options]="barOptions" height=&...
Ivan Ahurstes's user avatar
0 votes
1 answer
52 views

Problem with FLOT Charts not drawing the graph

var dataprofit = []; var databalance = []; var datastops = []; var aline = []; var profit = []; var balance = []; var stop = []; var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function()...
Danny Scheers's user avatar
0 votes
1 answer
47 views

Plotting with Flot: Empty Areas Rendered

Given this HTML (using jquery 3.5.1 and flot 0.8.3): <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Flot Issue</title> ...
Patrick Bucher's user avatar
0 votes
0 answers
60 views

jquery: flot chart - pan: how to do something on Dragstart

I am using flot chart with pan (navigate js) option <script src="{% static 'js/plugins/flot/jquery.flot.js' %}"></script> <script src="{% static 'js/plugins/flot/jquery....
Santhosh's user avatar
  • 10.1k
0 votes
1 answer
250 views

Flot Chart API - legends on outside of the charts

I want to write pie chart using flot chart api image pie chart 1 and I want draw like this above, but my chart satus is image pie chart 2 same above picture, so I want to remove title on chart, but ...
ki mu's user avatar
  • 1
2 votes
1 answer
63 views

How to Center Bar in Flot Char js

i have, some problem with flot.js, in my chart xaxis is not center with the bar, i try with align: 'center' but it's not work, what I want is the xaxis (date label) exactly below the chart this is my ...
Newbie 123's user avatar
0 votes
1 answer
70 views

Updating Flot displayed data

I'm using Flot with jQuery to display a graph. I want to update some information on the graph and then re-plot it. I can see that I can use plot.getOptions().yaxes[0].max for example to update the y-...
Paul Mc's user avatar
0 votes
1 answer
162 views

FlotChart setupGrid() doesn't update X-Axis

I am working on a realtime chart and I am pushing new data to array but even after calling setupGrid() and draw(), the chart doesn't update X-Axis data. this.plot = $.plot($("#chart"), [this....
Aniruddh's user avatar
  • 7,648
0 votes
1 answer
41 views

several graph has the same legend in flot

I am using JQuery Flot graph plugin to plot some bar charts in a page. when I plot a graph by datas and option below: var chartData = [{ label: 'success', data: [[...
nidalaowo's user avatar
0 votes
1 answer
64 views

jquery flot: axis options

I am using jquery flot to display a particle detector hits, and I am unable to get it right despite seeing no difference from example code. var options = { points: { show: true, fill: true,fillColor:...
NRaj's user avatar
  • 1
0 votes
0 answers
89 views

Flot line chart tooltip

I tried using the tooltip for flot in a separated js but it does not seem to work. (I only get to see the border) My chart is getting data from jquery every 1000 milliseconds and then shifting the ...
ShakyMan's user avatar
0 votes
1 answer
40 views

How do you toggle all dimensions in a Flot chart at once?

From the Flotcharts example: https://www.flotcharts.org/flot/examples/series-toggle/index.html I'd like to toggle on/off all flot series at once (i.e. Select All / Select None). Toggling the ...
Ryan's user avatar
  • 14.8k
1 vote
1 answer
69 views

Jquery float pie : changing the way the caption appears

I need to change how the float pie legend appears, I need it to appear a label : percentage of the graph. so and to stay so this code of js (function( $ ) { 'use strict'; (function() { ...
Gerson Prudencio's user avatar
0 votes
1 answer
61 views

How can i check and uncheck one value at the time ​in my chart

I am building a line chart and I want only one line to be displayed at a time in my chart. When I check a checkbox in my legend I want it to be unchecked by default and vice versa. Currently, I want ...
Frankthetank's user avatar
0 votes
1 answer
983 views

Oracle APEX 5.0: Labels on Line Charts

I'm using Oracle APEX 5.0 and I want to create some line charts in my application. The default flash charts don't look very nice, so I tried importing some plugins of Flot Line Chart and D3 Line Chart ...
Anish's user avatar
  • 740
0 votes
1 answer
95 views

Flot.js on real-time plot single dots are not visible

Here is the example. https://www.flotcharts.org/flot/examples/realtime/index.html. When I have data with nulls: data[280] = null; data[281] = null; data[282] = 45; data[283] = 45; data[284] = null; ...
user3828374's user avatar
0 votes
1 answer
296 views

Flot js bar chart not stacking and overlapping

I am currently trying to display a bar chart using a flot js with the stack plugin. The data is however not stacking properly and it also overlaps. The dataset is quite large and uses linux time stamp ...
Erik T's user avatar
  • 134
1 vote
2 answers
472 views

Rendering flot chart IronPDF

Trying to get Flot chart to render using IronPDF and razor pages but having no luck. I have the following jQuery in my razor page: Here is my div: <div id="flotChart" style="width:100%;height:...
john's user avatar
  • 3,959
1 vote
1 answer
120 views

Yii2 : Flot charts extension labelFormatter usage

I'm trying to utilise the Yii2 Flot extension with more or less success. However, I'm having trouble altering the labels of a pie-chart using a labelFormatter function. This is the extension I'm ...
András's user avatar
  • 145
0 votes
0 answers
40 views

Json return results plot on flotchart

I have a json returning 3 values, time, point1 and point 2 within an array object. In my success when data is returned, i split the data to two arrays (array1) and (array2). data[0] <- time data[...
Lloyd_07's user avatar
0 votes
0 answers
105 views

Flot doesn't show chart in localhost

I am trying to plot a chart with some data queried from mysql with Flot. Because I have never used Flot before, I start with trying to reproduce the examples provided by Flot, for example this one: ...
hlslxy's user avatar
  • 11
1 vote
2 answers
1k views

Flot chart pie tooltip not showing up

I use exactly the same code as in this example Chart fiddle datapie = [ {label: "Running", data: [19.5, 1], color: '#e1ab0b'}, {label: "Stopped", data: [4.5, 2], color: '#fe0000'}, {...
Megrez7's user avatar
  • 1,425
1 vote
1 answer
64 views

Need to customize graph behaviour

I am using chart.js library for plotting a line graph with two series in my angular 5 application. Following is my code from ts file : this.myChart = new Chart(this.ctx, { type: 'line', data: { ...
Shrutika Patil's user avatar
0 votes
1 answer
68 views

Points not updating at given interval in flotJS : Javascript

So I am plotting a flotjs chart using Random Data generation. The chart is working fine and smooth. But the problem arises in the speed of the chart data points rendering. What I want is to generate ...
debRoo's user avatar
  • 3
-2 votes
1 answer
139 views

Flot graph changes tick label color with zoom plugin and rotate ticks on canvas

I'm trying to have a flot graph with time stamps on the x-Axis. These are pretty large so I tried to use the rotateticks plugin. It all works fine, but one thing seems to be odd. I also use the ...
Jonas Bräuer's user avatar
1 vote
1 answer
46 views

Keep default tickSize but add a single tick

In a jquery flot chart, I try to keep the default tickSize ( managed by the plugin itself, and I'm happy with the decisions made ), but I want to show on the axis one specific value, in fact the last ...
iguypouf's user avatar
  • 770
0 votes
2 answers
258 views

Using flot and bootstrap together

I am trying to use flot.js to plot some currents f. The problem is I am unable to use flot.js in my code . The jquery version I am using is 3.4.0 . Flot version is 0.8.3 The code works fine without ...
Kishore Saldanha's user avatar
4 votes
1 answer
78 views

Returning Month and Year from Month Variable and Month-Year Range

I'm using jQuery Flot Chart and trying to configure my tool tips per my liking. The chart I am creating is a stacked chart and has two overlaying charts with 12 points or markers on each line graph. ...
Brian Bruman's user avatar
1 vote
2 answers
619 views

Flot Chart Bar spacing

I am using flotchart JS for showing bar graphs. However, I can't seemed to fix the spacing between bars. I have enabled panning already. However, sets the width of the bar according to the ...
Aaron Alfonso's user avatar
0 votes
1 answer
44 views

Cannot plot 2 separate graphs using FlotJs

Im trying to plot 2 separate graphs (actually it will be 9 but for now there are only 2) using flotJS, somehow the data mixes and plots the same mixed data on both graphs Here is my JS code: var ...
Chico3001's user avatar
  • 1,863
0 votes
1 answer
202 views

What is the difference between axis and axes in FlotJS?

I'm confused using Flot Charts, it appears that Axes and Axes share the same options between them Can someone explain me the difference between Axis and Axes? thanks for your help
Chico3001's user avatar
  • 1,863
0 votes
1 answer
64 views

Flot JS turn target into diamond shape

I've three series of data: for green bars, red bard and target like var dataBarsRed = { data: [ [2, 3], ], label: 'Bars in Red', color: 'red' }; var dataBarsGreen = { data: [ ...
LAffair's user avatar
  • 1,968
0 votes
0 answers
27 views

hierarchical bar graph using flot js

I've been searching for hours if the hierarchical bar graph is supported in flot but I can't find a good documentation or answer. I find some examples using multiple xaxis(xaxes) but this seems ...
Lenonskie's user avatar
  • 193
0 votes
1 answer
47 views

Flot jQuery start xaxis label NOT located below first tick

In xAxis labels, I have a set the graph to display the labels every 3 days by setting below in xaxis: xaxis: { mode: "time", tickSize: [1.9, "day"], Here is the jsfiddle. The ...
murf's user avatar
  • 15
0 votes
1 answer
386 views

change flot pie chart font size

I'm trying to increase the label font size in a piece of existing code. I know it should be through the Label Formatter but for the life of me can't fathom how to do it. Existing code .... label: { ...
Paul Carey's user avatar
0 votes
1 answer
301 views

Flot dynamically show/hide xaxis label based on data

I need help about the xaxis ticks label..again..I am stuck with this problem. I want to hide the xaxis ticklabel and bar when data is 0. $(function() { var statement = [ [gd(2018, 6, 1), 0], ...
murf's user avatar
  • 15
0 votes
1 answer
97 views

Flot jQuery start xaxis tick on day 1

I need help about the xaxis ticks label. I have a set of data for 1 month and will need to display a graph with 3 days interval. I used this setting tickSize: [3, "day"], The problem is, the first ...
murf's user avatar
  • 15
1 vote
1 answer
156 views

jQuery Flot.js: Get only currently visible data points

I need to get the currently visible data points after zooming (or panning, if you bind that event as well). Flot provides a few methods but none that I can figure out for the currently visible data ...
Mormoran's user avatar
  • 751
1 vote
1 answer
61 views

Flot legendFormatter is not working with ng-click

I am trying to create clickable legends. I am using flot chart and legendFormatter to manipulate the legends. Here is my code in js file: $scope.labelFormatter = function (label, series) { return ...
Beyza's user avatar
  • 103
0 votes
1 answer
28 views

Unwanted Axis Values in Flot

I'm implementing a graph with Flot Chart JS and I'm having a little issue on implement a date axis. I'm using mode: time and formating the output as %d/%m/%Y but below the dates I have some numbers ...
Fernando Rebêllo's user avatar
1 vote
1 answer
2k views

Karma throwing 'Uncaught TypeError: Cannot read property 'plugins' of undefined', despite being in my index.html and karma.conf.js file

I have been tasked with setting up unit tests for a legacy AngularJS application (none currently exist, so I am setting it all up). However, I have been running into some issues getting my initial ...
ddantas's user avatar
  • 127
1 vote
0 answers
63 views

Flot line chart; bug with time mode

I have a problem when I use Flot I notice that it happens at the same minute but different second 2018/10/16 13:12:55 71.755 2018/10/16 13:12:09 71.700 2018/10/16 13:10:52 70.781 Here is my ...
tdav's user avatar
  • 11
1 vote
1 answer
88 views

Flot JS - first bar border is thinner than others

I am using Flot JS to create a bar graph. The graph is working but the border around the first bar is thinner on the left hand side than the other bars, is there any way to fix this so all the bars ...
Lawrence Cooke's user avatar

1
2 3 4 5
42