In this How-to you will learn to post an iGraph™ in the discussion form. It is assumed that you already are familiar with the data markup syntax and that you are comfortable entering data using that syntax. If you need a refresher on that topic, see How-To: Enter Data.
The Basics
Posting an iGraph™ in the discussion forum is useful for many purposes. It is easy to add iGraphs™ to a topic (or a reply within a topic) by using some simple syntax around the standard data markup text. An basic example of this syntax is shown below:
Data Series A: 12, 15, 15 | 17, 13, 15, 18, 22, 19
[/igraph]
You can see that the syntax is to surround the data markup with [igraph] before the data markup and [/igraph] following the data markup.
Including the text shown in the example above results in the iGraph™ shown below in your post:
Multiple Data Series
When adding multiple data series to a post you must terminate the line of each data series with a semi-colon, else only the first data series will be shown. See the example below:
Data Series A: 12, 15, 15 | 17, 13, 15, 18, 22, 19;
Data Series B: 8, 6, 6 | 8, 6, 12, 10, 8, 10;
[/igraph]
The resulting iGraph™ will look like this in the post:
All of the settings are available in the settings dialog, so once you have posted an iGraph™ you can then interact with it as you normally would. The difference is that any of your changes to the settings are only temporary, and they will be lost as soon as you reload the page in your web browser. However, you can set a few of those settings parameters in your post so that the iGraph™ can be customized to look the way you want it without having to manually edit the settings dialog each time you view the post. You can do this by passing a few parameters.
Parameters
You can set a few parameters of your iGraph™ from within your post. An example is shown below of an iGraph™ that has a y-axis label set as well as the y-axis range defined. Note that if a minimum or a maximum y value is not defined for the y-axis, then the value will be determined automatically for you (as in the first example when yAxisMin and yAxisMax were not specified).
Data Series A: 12, 15, 15 label(Baseline)| 17, 13, 15, 18, 22, 19 label(Treatment);
Data Series B: 8, 6, 6 | 8, 6, 12, 10, 8, 10;
[/igraph]
You may notice that you can also use the standard markup syntax that you are already familiar with for setting the phase labels. The resulting iGraph™ looks like this:
Summary
- You can add iGraphs™ to your discussion forum topics and replies to those topics.
- Multiple data series require a semi-colon (;) at the end of each line
- You can pass some iGraph™ settings parameters so that the iGraph™ can be customized
Note that we will cover more of the available parameters that allow you to customize your included iGraphs™ in part 2 of this How-To series.