Chart Options

type: The type of chart. Options: line, pie, stacked, bar.
title: The chart's title text.
width, height: The chart's dimensions.
x_start, x_end: The range of the X axis.
x_format: The numerical format of the X axis.
x_date_format: The date format of the X axis.
y_start, y_end: The range of the Y axis.
y_format: The numerical format of the Y axis.
y_date_format: The date format of the Y axis.
tooltips: Whether or not to show tooltips when mousing over the data. true or false.
legend: Show legends. true or false.
clip: Clip the edges when the chart runs over the width and height limits.

Line charts

A simple line chart.

      
<chart type="line"
       height="300">
  <data>
    X axis, Y axis
    1,1
    2,4
    3,9
    4,16
    5,25
    6,36
  </data>
</chart>

X axis, Y axis 1,1 2,4 3,9 4,16 5,25 6,36

A line chart with axis formatting.

      
<chart type="line"
       x-date-format="%x"
       y-format="04d">
  <data>
    X Axis, Y Axis
    1396530554328,145.2
    1396530556789,120.0
    1396530578473,333.1
  </data>
</chart>

X Axis, Y Axis 1396530554328,145.2 1396530556789,120.0 1396530578473,333.1

A line chart with multiple series.

      
<chart type="line"
       x-date-format="%x">
  <data>
    Date, Company A sales,Company B sales,Company C sales
    1396530554328,145.2,136.5,178
    1396530556789,120.0,102.7,234
    1396530578473,98.1,156.3,287.2
  </data>
</chart>

Date, Company A sales,Company B sales,Company C sales 1396530554328,145.2,136.5,178 1396530556789,120.0,102.7,234 1396530578473,98.1,156.3,287.2

Pie charts

A plain pie chart.

      
<chart type="pie">
  <data>
    A,25
    B,25
    C,40
    D,10
  </data>
</chart>

A,25 B,25 C,40 D,10

A pie chart with extra flair.

      
<chart type="pie"
       tooltips="true"
       legend="true">
  <data>
    A,25
    B,25
    C,40
    D,10
  </data>
</chart>

A,25 B,25 C,40 D,10

Stacked area charts

A stacked area chart.

      
<chart type="stacked">
  <data>
    Days,Company A sales,Company B sales
    1,90,17
    2,30,91
    3,69,9
    4,59,10
    5,44,98
  </data>
</chart>

Days,Company A sales,Company B sales 1,90,17 2,30,91 3,69,9 4,59,10 5,44,98

Bar charts

A simple bar chart.

      
<chart type="bar">
  <data>
    A,25
    B,25
    C,40
    D,10
  </data>
</chart>

A,25 B,25 C,40 D,10

Options

Delimiting ranges.

      
<chart type="line"
       height="300"
       x-start="0"
       x-end="8"
       y-start="0"
       y-end="30">
  <data>
    X axis, Y axis
    1,1
    2,4
    3,9
    4,16
    5,25
    6,36
  </data>
</chart>

X axis, Y axis 1,1 2,4 3,9 4,16 5,25 6,36