Comments (29)
yes please! And stacked area graphs - I is possible to do with a bit of messing
with
the data but not ideal
Original comment by [email protected]
on 21 May 2008 at 10:52
from flot.
I also would like this feature. As a workaround, instead of [x1,x2,x3], I plot
[x1+x2+x3, x1+x2, x1]. This creates the illusion of stack graphs by drawing the
bars
on top of each other.
There are a few problems with this workaround though. For example, if you use
transparent colours for the bars then the colour of the topmost bar will be
mixed
with the colors of the bars beneath it. The resulting colour of the bar won't
match
the legend.
It looks difficult to create a small patch to add the stacked bar feature in a
clean way.
Original comment by [email protected]
on 15 Sep 2008 at 2:37
from flot.
Here's an idea. Extend the bar support so you can specify a secondary y
coordinate
(like [x, y, y2]) which is the lower edge of the bar. This would default to 0.
With this in place, I think you could emulate the stacked bar charts perfectly
by
preprocessing the data. This sounds relatively straight-forward to implement,
the
biggest task is probably that someone needs to sit down and test how it looks
like
with real data. If anyone of you is up for this, I'll be happy to review a
patch.
Next step is to figure out whether preprocessing support should be in Flot or
not. I
think that depends on the circumstances. If it can be made intuitive and small
both
code-wise and API-wise, my general opinion is that it's OK to put in.
Original comment by olau%[email protected]
on 18 Sep 2008 at 9:32
- Added labels: Type-Enhancement
- Removed labels: Type-Defect
from flot.
If you can support stacked bar i think it is a first step to support candle
stick
graph: http://www.mathworks.com/matlabcentral/files/3549/candle.jpg
example:
max
_|_
c| |
| |
o|___|
|
min
You could create another graph option 'candles' and the input will be like
[[x,c,o,max,min],...]
x->date time. c->close . o->open -> max-> maximum value and min-> minimum value.
So you just draw a stacked bar and a vertical line to do the candle.
Original comment by [email protected]
on 4 Oct 2008 at 1:24
from flot.
Here my patch and demo for stacked bars, I used it for my company products. It
worked
well with mouseover tooltips too.
Original comment by [email protected]
on 2 Nov 2008 at 4:12
Attachments:
from flot.
waruichingu: Sorry for not getting back earlier, I've been caught up in another
project with a hard deadline this Monday. I had a very brief look at your patch
now,
and I don't think I agree on the details but the general idea is interesting so
I'll
give it a spin.
Original comment by olau%[email protected]
on 18 Nov 2008 at 1:24
from flot.
No, worry mate.
Cheers,
waruichingu
Original comment by [email protected]
on 24 Nov 2008 at 10:05
from flot.
Hi waruichingu:
I tried your sample for stack graph but it was throught out errors. it would be
great if you can send the updated jquery.flot.js and a sample.
Thanks in Advance.
Surender k
Original comment by [email protected]
on 19 Jan 2009 at 7:36
from flot.
I just closed issue 81 by adding support for specifying a third coordinate to
bars.
So now it's just a question of preprocessing which should be simpler with the
recent
input handling changes.
Original comment by olau%[email protected]
on 8 Mar 2009 at 10:34
from flot.
The third-coordinate approach could be useful for creating <a
href="http://zoonek2.free.fr/UNIX/48_R/g206.png">bubble plots</a> as well.
Original comment by [email protected]
on 10 Mar 2009 at 6:42
from flot.
[deleted comment]
from flot.
[deleted comment]
from flot.
[deleted comment]
from flot.
I've been working with the stacked bars all day. It works great with Firefox
but
there seems to be some issue with IE
http://www.4theweb.co.uk/test/resultstest.htm
Original comment by [email protected]
on 25 Mar 2009 at 10:16
from flot.
I am having a problem using the patch.diff file. Could you please update your
patch
so it works with the current version of jquery.flot.js?
Original comment by [email protected]
on 7 Apr 2009 at 6:14
from flot.
I'd like to see this feature for line graphs, so that filled areas may be
stacked.
Original comment by [email protected]
on 19 May 2009 at 1:45
from flot.
candle stick graph (work only vertical horizontal so strange)
http://chujoii.googlepages.com/jquery.flot.js
example:
http://chujoii.googlepages.com/graph-types3.html
md5sum:
af99b9148df26d18949c677e21ef93f4 jquery.flot.js
5e12189796580d7988dadce28442ece5 examples/graph-types3.html
--
Roman V. Prikhodchenko (aka chujoii)
Original comment by [email protected]
on 24 May 2009 at 4:27
Attachments:
from flot.
new version "candle stick graph" (based on svn-version 2009-05-25)
http://chujoii.googlepages.com/jquery.flot.js
http://chujoii.googlepages.com/graph-types3.html
4c558dfe259b67b162dd5ccc134e16dc jquery.flot.js
5beb56a97dabaa4b0144aee5bb221bba examples/graph-types3.html
--
Roman V. Prikhodchenko (aka chujoii)
Original comment by [email protected]
on 25 May 2009 at 5:34
Attachments:
from flot.
Does the candle stick graph flot support the stacked graphs? If so does it
work with
a second y cord, or do you just tell it that they are stacked?
Original comment by [email protected]
on 18 Jun 2009 at 4:09
from flot.
This isn't about stacked bars, but rather stacked line graphs, but I didn't know
where else to put this.
I modified the jquery.flot.stack.js plugin to essentially stack in reverse
order,
giving the ability to use fills on stacked line graphs without everything being
covered over.
See the attached html for an example.
Original comment by [email protected]
on 23 Jun 2009 at 10:32
Attachments:
from flot.
Oops, I only included the minified copy above, here's the original:
Original comment by [email protected]
on 23 Jun 2009 at 10:38
Attachments:
from flot.
Support for stacked horizontal bars would be great. If I want to turn the bar
chart
horizontal, I need to switch the data points (x -> y, y -> x), but after that
the
stacked bar doesn't work since the y axis values get accumulated.
Original comment by [email protected]
on 17 Jul 2009 at 10:17
from flot.
tried your Patch...I think it doesn't fix the issue :
Given X1,X2,X3,...Xn Flot fails to draw in the order
1: X1+...Xn,
2: X1+...xn-1,
...
n : X1
On my screen (didn't look into the code), it looks like your mod is drawing in
this
order which is still not what we expect:
1 : X1 + .. + Xn (ok)
2 : X2+ .. +Xn bad
3 : x3+... +Xn
...
2: xn-1+xn
1: xn
of course, there is a way to make it work, by sending xn,...x1 to flot (i.e. in
reverse order) and (maybee) reversing the legend...but reversing things is not
the
way to go, that is still not the optimal __Simple__ solution.
I'm not good enough in javascript to fix that. But it would be nice to have
working
fill lines with the correct legend....
Can someone fix that ?
Original comment by [email protected]
on 7 Aug 2009 at 7:01
from flot.
With the stack plugin, I'm not sure this bug (stacked bars) is relevant anymore
so
I'm going to close it. As for filled line areas, I've just committed support
for that
too, based on code from Roman.
Original comment by olau%[email protected]
on 7 Dec 2009 at 3:32
- Changed state: Fixed
from flot.
Has anyone managed to fix the IE8 bug?
Original comment by [email protected]
on 7 Jun 2010 at 7:29
from flot.
What IE8 bug?
Original comment by gregory.auger
on 11 Aug 2011 at 7:26
from flot.
Any plans to support horizontal stacked bars ?
Original comment by [email protected]
on 11 Nov 2011 at 3:12
from flot.
please help!
I use a plug-in flott! has achieved all can not only true test set up x-axis!
You can create one so that if he built a chart on the job only points with a
uniform step and did not increase the distances between two points if their
values ββsuch as 3 8 10 15? I need it for a site to build a date with an
equal step
Original comment by [email protected]
on 21 Nov 2011 at 1:40
from flot.
On IE8 this lib breaks. Any pointers how we can fix that.
Original comment by [email protected]
on 14 Feb 2014 at 4:01
from flot.
Related Issues (20)
- Non-time axis tick-generation broken when reusing plots HOT 1
- $.plot.formatDate() no longer accessible HOT 1
- flot inside a tab
- Not Plotting In Safari
- Standardize fill and fillColor across bar and pie charts
- "steps" without extra points HOT 1
- there is a error in the file jquery.flot.pie.js!
- threshold function and tooltips not working together HOT 1
- xaxis tick marks for time series isshe when over 24 hours. v0.8.
- In case of long number transferred to x axis, its overlaps. HOT 1
- Invalid Bar Alignment
- Check if a point is already highlighted
- Error Bars not playing nicely with time plugin (x-axis auto scales to origin 1970)
- Showing data pionts in stacked chart
- plot hover
- "offset" parameter for bar charts
- Duplicate plot rendering of Flot graph HOT 1
- Flot doesn't handle summertime (BST) correctly. HOT 1
- Can I change the tickColor for only one tick
- Legend label is not displayed if label is empty string
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
π Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. πππ
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google β€οΈ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flot.