Difference between revisions of "Including Graphs"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
Graphs produced using the [http://danvk.org/dygraphs/ Dygraph] javascript library. | Graphs produced using the [http://danvk.org/dygraphs/ Dygraph] javascript library. | ||
| − | == | + | == DyGraph Extension == |
| − | |||
| − | |||
| − | + | In order to make it easier to include DyGraph graphs within wiki pages a specific extension has been written. Further information will be provided once this new extension has been properly tested. | |
| − | + | ||
| − | + | A graph can be added to a page by included a version of the syntax shown below. | |
| + | |||
| + | '''Please note:''' | ||
| + | * It is only possible to provide one set of annotations, either as local data or as a file. | ||
| + | * It is not possible to use a combination of internal and external data files. | ||
| + | * Local data files including a "," in the names will not work properly. | ||
| + | |||
| + | === From Local Data === | ||
| + | <pre> | ||
| + | {{#dygraph: | ||
| + | data=Wavelength, Reflectance(%) | ||
| + | xv1, y1v1 | ||
| + | xv2, y1v2 | ||
| + | xv3, y1v3 | ||
| + | xv4, y1v4 | ||
| + | ...| | ||
| + | wid=Width in Pixels| | ||
| + | hei=Width in Pixels| | ||
| + | title=Graph Title| | ||
| + | xtitle=XTitle| | ||
| + | ytitle=YTitle| | ||
| + | ann=[ | ||
| + | ["Series No, Y-value, 'Tag', 'Title', width], | ||
| + | ["Series No, Y-value, 'Tag', 'Title', width], | ||
| + | ... | ||
| + | ] | ||
| + | }} | ||
| + | </pre> | ||
| + | |||
| + | ===From Text Files=== | ||
| + | <pre> | ||
| + | {{#dygraph: | ||
| + | files=data1.txt| | ||
| + | wid=600px| | ||
| + | hei=500px| | ||
| + | title=Graph Title| | ||
| + | xtitle=XTitle| | ||
| + | ytitle=YTitle| | ||
| + | annfile=annotation1.txt | ||
| + | }}</pre> | ||
| + | |||
| + | ===From External Files=== | ||
| + | <pre> | ||
| + | {{#dygraph: | ||
| + | files=http://mysourceofdata.com?id=1| | ||
| + | wid=600px| | ||
| + | hei=500px| | ||
| + | title=Graph Title| | ||
| + | xtitle=XTitle| | ||
| + | ytitle=YTitle| | ||
| + | }}</pre> | ||
== Examples == | == Examples == | ||
| Line 13: | Line 61: | ||
* [[Example Graph 2]]: Reflectance spectra for French ultramarine (362 data points) | * [[Example Graph 2]]: Reflectance spectra for French ultramarine (362 data points) | ||
* [[Example Graph 3]]: Annotate gas chromatogram (10K data points) | * [[Example Graph 3]]: Annotate gas chromatogram (10K data points) | ||
| − | * [[Example Graph 4]]: | + | * [[Example Graph 4]]: Large data set of environmental readings (20K x 3 data points) |
* [[Example Graph 5]]: An FTIR spectrum with a reversed X-axis | * [[Example Graph 5]]: An FTIR spectrum with a reversed X-axis | ||
[[Category:Test page]] | [[Category:Test page]] | ||
[[Category:Example page]] | [[Category:Example page]] | ||
| + | [[Category:DyGraph]] | ||
Revision as of 18:17, 2 May 2012
Graphs produced using the Dygraph javascript library.
Contents
DyGraph Extension
In order to make it easier to include DyGraph graphs within wiki pages a specific extension has been written. Further information will be provided once this new extension has been properly tested.
A graph can be added to a page by included a version of the syntax shown below.
Please note:
- It is only possible to provide one set of annotations, either as local data or as a file.
- It is not possible to use a combination of internal and external data files.
- Local data files including a "," in the names will not work properly.
From Local Data
{{#dygraph:
data=Wavelength, Reflectance(%)
xv1, y1v1
xv2, y1v2
xv3, y1v3
xv4, y1v4
...|
wid=Width in Pixels|
hei=Width in Pixels|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
ann=[
["Series No, Y-value, 'Tag', 'Title', width],
["Series No, Y-value, 'Tag', 'Title', width],
...
]
}}
From Text Files
{{#dygraph:
files=data1.txt|
wid=600px|
hei=500px|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
annfile=annotation1.txt
}}
From External Files
{{#dygraph:
files=http://mysourceofdata.com?id=1|
wid=600px|
hei=500px|
title=Graph Title|
xtitle=XTitle|
ytitle=YTitle|
}}
Examples
- Example Graph 1: Sub section of the reflectance spectra for French ultramarine (50 data points)
- Example Graph 2: Reflectance spectra for French ultramarine (362 data points)
- Example Graph 3: Annotate gas chromatogram (10K data points)
- Example Graph 4: Large data set of environmental readings (20K x 3 data points)
- Example Graph 5: An FTIR spectrum with a reversed X-axis
