google.visualization.AnnotationChart

Definition

Annotation charts are interactive time series line charts that support annotations. Note that the annotated timeline now automatically uses the Annotation Chart. (see the doc)

Data format

You can display one or more lines on your chart. Each row represents an X position on the chart—that is, a specific time; each line is described by a set of one to three columns.

Column Type Description
0 Date or datetime X value of the point on the chart. If this column is of type date (and not datetime) then the smallest time resolution on the X axis will be one day.
1.1 Number Y value - The first column in each set describes the value of the line at the corresponding time from the first column. The column label is displayed on the chart as the title of that line.
1.2 String (Optional) Annotation title - If a string column follows the value column, and the displayAnnotations option is true, this column holds a short title describing this point.
1.3 String (Optional) Annotation text - If a second string column exists for this series, the cell value will be used as additional descriptive text for this point. You must set the option displayAnnotations to true to use this column. You can use HTML tags, if you set allowHtml to true; there is essentially no size limit, but note that excessively long entries might overflow the display section. You are not required to have this column even if you have an annotation title column for this point.
2.1 Number Y value... of second lines
2.2. ... Annotation title
2.3. ... Annotation text
3.1 Number Y value...
... ... ...

Table options

Each option is separated by a '|' or '!' (for Mediawiki).

Name Default Description
width 100% Chart width
height Chart height
Others... You can use the configuration options of Google. See the doc

Exemple