From 770ba5201f5c60b2bb36602ff9d359f641e33125 Mon Sep 17 00:00:00 2001 From: Yves Fischer Date: Sun, 23 Oct 2011 21:14:40 +0200 Subject: Charting with flask, rgraph and custom "timeseries database" --- schall/static/RGraph/docs/css.html | 270 +++++++++++++++++++++++++++++++++++++ 1 file changed, 270 insertions(+) create mode 100644 schall/static/RGraph/docs/css.html (limited to 'schall/static/RGraph/docs/css.html') diff --git a/schall/static/RGraph/docs/css.html b/schall/static/RGraph/docs/css.html new file mode 100644 index 0000000..687dd5b --- /dev/null +++ b/schall/static/RGraph/docs/css.html @@ -0,0 +1,270 @@ + + + + + + RGraph: HTML5 Javascript charts library - available CSS classes + + + + + + + + + + + + + + + + + + + + + + + +
+ + Mention RGraph on Twitter + +
+ + + +
+ + +
+ + + + +

RGraph: HTML5 Javascript charts library - Available CSS classes

+ + + +

+ This is information about the CSS classes available to you to allow you to customise the appearance of tooltips and + context menus. +

+ + + + +
 
+

RGraph_png

+

+ This controls the appearance of the PNG image which is shown when you use the context menu option RGraph.showPNG(). +

+ + +
 
+

RGraph_palette

+

+ This controls the appearance of the mini-palette that can be used with annotating. +

+ + +
 
+

RGraph_tooltip

+

+ This controls the appearance of tooltips. The default is to have them look like Windows tooltips. +

+ + +
 
+

RGraph_contextmenu

+

+ This controls how context menus appear. The default is similar to the look that Windows XP has. +

+ + +
 
+

RGraph_contextmenu_item

+

+ This controls how individual items on the context menu will appear, for example the default has roughly 25px padding-left + to accomodate the left bar. +

+ + +
 
+

RGraph_contextmenu_background

+

+ This is the Windows XP style left vertical bar. By default this is light grey. +

+ + +
 
+

RGraph_zoom_window

+

+ This is the class to use if you want to customise the mini-zoom window. +

+ + +
 
+

RGraph_zoomed_canvas

+

+ This is the class to use if you want to customise the full canvas zoom. +

+ + +
 
+

RGraph_zoomed_area

+

+ This is the class to use if you want to customise the zoomed area. +

+ + +
 
+

ModalDialog_background

+

+ This class controls the dark semi-opaque background for the ModalDialog. +

+ + +
 
+

ModalDialog_dialog

+

+ This class controls the ModalDialog itself. +

+ + +
 
+

ModalDialog_topbar

+

+ This class controls the top bar for the ModalDialog. You could, for example, use the display CSS property to + hide this if you don't want it. +

+ + +
 
+

Example usage

+

+ Here is an example of using the CSS classes. At the time of writing, some of the items here were only implemented in newer + web browsers: +

+ + 
+<style>
+    .RGraph_png {
+    }
+
+    .RGraph_palette {
+    }
+
+    .RGraph_tooltip {
+    }
+    
+    .RGraph_contextmenu {
+    }
+    
+    .RGraph_contextmenu_background {
+    }
+    
+    .RGraph_contextmenu_item {
+    }
+    
+    .RGraph_zoom_window {
+    }
+    
+    .RGraph_zoomed_canvas {
+    }
+    
+    .RGraph_zoomed_area {
+    }
+    
+    .ModalDialog_background {
+    }
+    
+    .ModalDialog_dialog {
+    }
+    
+    .ModalDialog_topbar {
+    }
+</style>
+
+ + +
 
+

! important

+ +

+ If you're attempting to override default styles, then because of the ordering (ie the script is setting the style AFTER + your own CSS) you may need to use the "! important" modifier, for example: +

+ + 
+<style>
+    .RGraph_tooltip {
+        background-color: white ! important;
+    }
+</style>
+
+ + \ No newline at end of file -- cgit v1.2.1