Giter Club home page Giter Club logo

Comments (14)

markrcote avatar markrcote commented on June 29, 2024

I'll look into it if I find some time. Thanks for mentioning it.

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Thanks, I am using this to provide meteogram to humanitarian agencies working in remote areas as part of the Vetero project.

Example done with Highcharts:

Meteogram

I would like to use flot instead of Highcharts mainly because Highcharts outputs is now in SVG and it currently does not work with the default Android browser. While flot and jqPlot work fine. I could use jqPlot instead which already handles multiple axes title, but it does not have a plugin for plotting directional field like wind speed and direction (x,y,angle), mainly an arrow.

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

I made some good progress on this today and appear to have canvas labels working properly with n axes. I want to get the other renderers working, then I'll commit my changes. Should be this week sometime.

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

This should be working for canvas, CSS, and HTML modes. I'll get to IE transforms when I have time (if they're even still needed... I never use IE). I even managed to simplify the code in a few places. Let me know if this works for you!

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Just tried it and it works perfectly in Chrome and Firefox on Lubuntu 11.10. Will try later on IE. Thank you so much for all your hard work. This brings flot to another level and more people will now use flot because of your plugin. When you are ready you should announce it in this issue:
http://code.google.com/p/flot/issues/detail?id=42

Do you know if your plugin will be compatible with flotr2:

http://www.humblesoftware.com/flotr2/

BTW, I am also from Montreal, but now live in New Zealand.

Merci,

Bernard

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Sorry, the flotr2 fork does not do multiple axes, so never mind.

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

It probably won't work quite properly in IE at the moment. I played with it a bit, but I'm having a hard time even getting flot itself to work in IE 9. Not sure what's going on there. Shouldn't require more than a couple tweaks anyway.

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

Okay got it working; I forgot to use excanvas while testing. Seems that axis labels rendered in canvas don't work with IE 8, but the default mode (IE transforms + CSS positioning) seems to work perfectly. I wouldn't force canvas (via axisLabelUseCanvas) unless you really need to, for some reason. flot-axislabels defaults to CSS transforms and will gracefully fall back to canvas and then plain HTML/CSS positioning, depending on the browser. I don't think it's worth trying to get canvas labels working in IE 8 unless there's a really good reason.

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

Also, if it's all right with you, I'd like to use (a slightly modified version of) your example data above to construct a public example of flot-axislabels usage. It looks better than contrived graphs with labels like "foo" and "bar". :)

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Of course, it's your code, please go ahead. Once I have real data, I will give you a link to how I am using it.

Cheers,

Bernard Miville


From: Mark Ct [email protected]
To: mivilleb [email protected]
Sent: Friday, 17 February 2012 11:51 AM
Subject: Re: [flot-axislabels] Does not work with new multiples axis setup (#5)

Also, if it's all right with you, I'd like to use (a slightly modified version of) your example data above to construct a public example of flot-axislabels usage. It looks better than contrived graphs with labels like "foo" and "bar". :)


Reply to this email directly or view it on GitHub:
#5 (comment)

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

In your readme file you mention that the appearance of the label can be changed using the id of the div (e.g. #y2axisLabel), actually it seems that there is only a class instead called #xaxisLabel or #y2axisLabel etc. So in the css stylesheet you need to use .y2axisLabel etc. to change the appearance and not #y2axisLabel.

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Actually using .axisLabels does a better job of changing the font size as it preserves the padding and changes all the labels for all the axes.

...css
.axisLabels {
font-size: 12px;
}
...

from flot-axislabels.

markrcote avatar markrcote commented on June 29, 2024

Thanks, I was going to update the README about the axisLabels class, but I'm glad you caught the id vs class mistake. I went with classes in both cases because there might be more than one graph on a page.

If you're satisfied with these changes, feel free to close this issue. I'll probably do a blog post about it at http://cloquewerk.livejournal.com/ at some point to broadcast the improvements.

from flot-axislabels.

mivilleb avatar mivilleb commented on June 29, 2024

Hi tried it with Intenet Explorer 8 and it worked perfectly. Thanks for the plugin upgrade.

Cheers,

Bernard Miville


From: Mark Ct [email protected]
To: mivilleb [email protected]
Sent: Sunday, 19 February 2012 4:25 PM
Subject: Re: [flot-axislabels] Does not work with new multiples axis setup (#5)

Thanks, I was going to update the README about the axisLabels class, but I'm glad you caught the id vs class mistake. I went with classes in both cases because there might be more than one graph on a page.

If you're satisfied with these changes, feel free to close this issue. I'll probably do a blog post about it at http://cloquewerk.livejournal.com/ at some point to broadcast the improvements.


Reply to this email directly or view it on GitHub:
#5 (comment)

from flot-axislabels.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.