Line chart

A line chart shows how a value of values vary across a series of other values, for example looking at sales by date.

Options

The bar chart has two axes, x and y, which have the standard mathemematical meanings.

The x axis column can repeat.

Object Property Description
x axis column

The column from which x axis values are to be read. Defaults to 0.
  showLabel

Set to true to false to turn off the x-axis label.
  label

label for the x-axis. If not present, the name from the column is used.
  min Standard usage
  max Standard usage
  showTicks Standard usage 
  ticks

Standard usage
  showGridlines

Standard usage
x column name

Used as the x-axis label.
y axis column

The column or columns from which y axis values are to be read. Defaults to 1.
  showLabel

Set to true to show a label for the y axis.

If there is a single y axis column, this defaults to true, and the label is either taken from the y axis label or the y axis column name.

If there is more than one y axis column, this defaults to false, and if set to true the label is taken from the y axis label. However, a legend is shown to distinguish one line from another.
  label

If there are multiple value columns, the label to use for the values.

If there is a single value column, the label is taken from the name of the value column.
  min Standard usage
  max Standard usage
  showTicks Standard usage 
  ticks

Standard usage
  showGridlines

Standard usage
y column name

Used as a data label.

If there is a single y column, the label is shown as the label of the y axis.

If there are multiple y columns, an additional legend is shown
  color  Used to color the lines.

Examples

Consider a table which shows numbers, number squared (exponential), and 100/number (reciprocal).

Number Exponential Reciprocal
1 1 100
2 4 50
3 9 33.3
4 16 25
5 25 20

Consider a second table which shows monthly sales, as end-of-month date and sales. The date column has a type of "date".

Date Sales
2012-01-31 7600
2012-02-28 13200
2012-03-31 11145
2012-04-30 14327
2012-05-31 17060
2012-06-30 7461
2012-07-31 21876
2012-08-31 23764
2012-09-30 19980
2012-10-31 22457
2012-11-30 25345
2012-12-31 24621

 

NotesOptionsChart

This demonstrates the default options.

Only one column is plotted on the y axis. Both axes are labelled.

 
"options": {
 "type": "line"
}
 default.png

More than one column can be plotted by passing an array as the y axis column.

The label has been switched off the x axis. No label is shown on the y axis because there is more than one column. However, a legend is shown to distinguish between the two lines.

A min and max have been set for the y axis, and gridlines have been switched on.

The color for the reciprocal line has been changed from the default to green.

 
"options": {
  "type":"line",
  "title":"Mathematical Functions",
  "showTitle":true,
  "axes": {
    "x": {
      "showLabel":false
    },
    "y": {
      "column":[1,2],
      "min":0,
      "max":100,
      "showGridlines":true
    }
  },
  "columns": {
    "reciprocal": {
      "color":"#00ff00"
    }
  }
}
multiple_series.png
Date can be used in the x axis. The column type must be date for this to work. 
"options": {
  "type": "line"
}
date.png