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.
2,064
questions
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: [
[...
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 ...
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....
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 =...
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 ...
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: ...
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:...
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=&...
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()...
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>
...
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....
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 ...
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 ...
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-...
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....
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: [[...
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:...
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 ...
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 ...
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() {
...
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 ...
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 ...
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;
...
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 ...
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:...
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 ...
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[...
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:
...
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'},
{...
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: {
...
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 ...
-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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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
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: [
...
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 ...
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 ...
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: {
...
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],
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...