jcoglan / bluff Goto Github PK
View Code? Open in Web Editor NEWJavaScript implementation of topfunky's Gruff graphing library
License: GNU General Public License v2.0
JavaScript implementation of topfunky's Gruff graphing library
License: GNU General Public License v2.0
Please see this image (http://i.imgur.com/xZjLD.png) and corresponding code (http://pastebin.com/waHp2WxC)
I'd expect the y axis to run from 0 to 60 as this is the range of the data values, but it runs from 0 to 9.2 and the lines go outside the chart area.
Can the range be set manually?
I'm using the latest trunk and I'm noticing a black line around the bar graphs, but I'm not sure how to turn that off. Is there a setting for this?
In IE 8 (but I bet this problem repeats itself on other IE versions too) I get a "Invalid argument" error on line 2534 of bluff-src.js if I try to set either title_font_size, or marker_font_size to a string like "8px".
If I set this properties to the number 8, it works fine.
There is a simple page where you can see the problem at http://pastebin.com/JJkMdANx.
If you change line 31 from "8px" to 8, the example works in IE 8.
Is it possible to add additonal text to the tooltips? Right now, if you hover a data point, the tooltip displays the heading and number value. I'd like to add some additional text or even better a bit of HTML when someone hovers a data point.
Thanks.
Add the option g.spacing_factor to allow user specified spacing between bars in bar/stackedbar charts.
I've been playing with the trunk code, and I found that I didn't really want the bullet in my tooltip and ended up removing it from the source code. I think it would be good to give that span a class so that people can just hide it with css. Aside from that, the tooltips have been spectacular. Thanks.
Bluff release 3.6.1 has internal version info of 3.6.
Could you please update it.
I need an updated version info so my code can tell if the version running has certain bug fixed or not.
TIA,
Rodrigo Severo
When the graph need to display only the negative values, the scaling does not work. At screens gave examples of how to appear good and how bad.
Please see this image http://i.imgur.com/xZjLD.png
I'd like to set a different y axis for each data set - 0 to 15, 0 to 60 and 0 to 8. Is this possible?
Thanks.
Please see the following two graphs: http://pastebin.ca/1993551 and http://pastebin.ca/1993548
They are equal except that the first is a SideBar graph and the second is a Bar graph.
The problem is that the x labels on the SideBar are wrong: the minimum value is zero when it should be 80 like the minimum y label on the Bar graph.
EDIT: Updating with pastes that will last longer.
Please take a look at these 2 graphs: http://pastebin.ca/1993553 and http://pastebin.ca/1993554
Despite having two data sets with completely different orientation they result in the same graph because of Bluff's automatic transpose detection system.
In all other charting libraries I have been using, one of these two graphs would look like http://imagebin.ca/view/iziuFEdG.html
Is it possible to create a new configuration setting for Bluff that would turn off automatic transposing detection? Obviously the default value of this new setting would be "automatic" to preserve current behaviour but the other two options for this setting could be "rows as data series" and "columns as data series".
With such a new option it would get much easier to automate Bluff usage.
TIA,
Rodrigo
EDIT: Using pastes which will last longer.
I'm having a problem getting Bluff to work in IE (8).
An empty space is displayed instead of the graph.
Probably my silly fault, but everything seems to be exactly in place as it should be. Clean install of Bluff on an otherwise standard minimal HTML page.
The page displays fine in Safari, Firefox, Chrome, (on my Mac) but not IE on a PC.
The Bluff homepage (http://bluff.jcoglan.com/) displays the graph just fine on the same PC's I've tried testing on.
I copied the script tags and the bluff graph code directly from the Bluff homepage as well.
I get wrong line number values with the following code:
<script type="text/javascript"> window.onload = function() { var g = new Bluff.Line('graph', '190x150'); g.tooltips = true; g.theme_pastel(); g.legend_font_size = 46; g.marker_font_size = 46; g.dot_radius = 15; g.data("CHF", ['213.89', '216.3', '215.43', '211.63', '210.55', '211.11', '208.72', '206.02' ]); g.data("EUR", ['273.92', '273.73', '273.75', '271.45', '270.35', '269.66', '268.64', '266.85' ]); g.data("USD", ['196.18', '195.02', '194.49', '191.67', '190.04', '190.06', '190.21', '188.45' ]); g.labels = {0: '16', 1: '17', 2: '18', 3: '21', 4: '22', 5: '23', 6: '24', 7: '25' }; g.draw(); }; </script>The first line is good (188.4), but the others are like this: 21,188.4
Also the tooltips displaying wrong values (CHF have the EUR values).
Seems like decimal point problem.
Hi JCoglan,
when I draw a Bar chart and I define a X axis series with string long ('Element Number one','Element Number two',etc.) the x series labels overlap.
Is there a way to set "Vertical" the X axis series label instead of horizontal?
Thanks
Bluff is a wonderful library for charting but how can I draw the first series data as Bar and the others as Line in a single chart? Is there some plan to support that? Great thanks.
It's usual for charting libraries to have some method to set graph background color in an independent way.
AFAIU in Bluff the only way to set background colors is through the set_theme() method were the user has to set several other colors too.
Could you implement a method to set the graph background color indepedently?
TIA,
Rodrigo Severo
Could you please make a new Bluff release with the fixes for issues 9, 10 and 11?
I tried to apply the patchs to test them but I couldn't apply some as my code seems to be different than the one you based your patchs on.
TIA,
Rodrigo Severo
My pie charts have it's integer value labels rounded to few significant digits.
How can I get my values presented without any rounding? I.e., with their original values?
Please take a look at the following code: http://pastebin.com/iTmd2eV3.
I defined only three colors to make the issue clearer.
See how we get red/gree/blue/blue/red/green/blue/blue in the data series instead of the expected red/green/blue/red/green/blue.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.