Styling Flotr Graphs with CSS
This is a small document that explains which elements are generated by Flotr and how to style those elements. I gave all generated elements a classname with prefix ‘flotr-’.
Flotr Project Page » Flotr Documentation » Styling Flotr Graphs with CSS
Classes
Each element has an inline style attribute that’s used for positioning. I tried to add no other styles, because you won’t be able to override the inline styles using css. Here’s a list of element classes:
- flotr-grid-label → Grid axis label.
- flotr-legend → Legend wrapper element.
- flotr-legend-color-box → Legend color box.
- flotr-legend-label → Legend label.
- flotr-legend-bg → Legend background element.
Hi Bas,
Excellent job indeed!
I was wondering if it’s possible to style the grid with a background image.
My graph has a couple of function curves that need be dynamically generated and that I can simply put as static images.
Your help is greatly appreciated.
Thanks in advance.
A. Motaz