| Name | Description | Property Type |
|---|
| points | Data points to plot. Accepts the following: May be a dataset, or an array of values or of objects containing X or Y coordinates. Also may be a string formatted with X and Y values separated by a comma. - An array of numbers containing X or Y coordinates.
- A string of space delimited points where x and y are separated by a comma, i.e. '0,20 1,35 2,15'
- An array of objects, where each object contains an x and a y property, and where each property's value is a number.
- A dataset of a single column of number type.
- A dataset of two columns, the first representing the x value and the second column representing the y value. The first column can be either of type number or type date. Dates and Timestamps are converted to unix timestamps which is used as the x value.
| array or dataset | | color | Color of the line. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | color | | width | Thickness of the line, in pixels. | value: numeric | | opacity |
The opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray |
The pattern of dashes and gaps used to paint the stroke. It's a list of comma separated lengths (in pixels) and percentages (percentage of the total stroke length) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5,3,2" is equivalent to "5,3,2,5,3,2". | array | | range |
Settings for the upper and lower edge of the chart. | Name | Description | Property Type |
|---|
| high | A fixed value for the upper edge of the chart as a number. | value: numeric | | low | A fixed value for the lower edge of the chart as a number. | value: numeric |
| object | | desired |
The desired operating range. Settings for the desired properties operating range. | Name | Description | Property Type |
|---|
| high | The high value of the desired operating range. | value: numeric | | low | The low value of the desired operating range. | value: numeric | | stroke | Settings for the stroke. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | width | Width of the line in pixels. | value: numeric | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray | The pattern of dashes and gaps used to paint the stroke. It's a list of space separated lengths (in pixels) and percentages (percentage of the stroke length for the desired operating range) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5 3 2" is equivalent to "5 3 2 5 3 2". | array |
| object | | fill | Settings for the fill for the desired range. Options as follows: | Name | Description | Property Type |
|---|
| color | Fill color of the desired range. See Color Selector. | color | | opacity | Opacity of the fill ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric |
| object |
|
| | marker |
Settings for the first, last, high, and low markers on the chart. | Name | Description | Property Type |
|---|
| first | Settings for the first marker on the chart.
| Name | Description | Property Type |
|---|
| shape | Shape of the marker used to indicate the first point. Options are circle, triangle, or square. Default is circle. | value: string dropdown | | size | Size of the marker, in pixels. | value: numeric | | stroke |
Settings for the stroke for the first marker. Options as follows:
| Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | width | Width of the line in pixels. . | value: numeric | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray | The pattern of dashes and gaps used to paint the stroke. It's a list of space separated lengths (in pixels) and percentages (percentage of the stroke length for the desired operating range) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5 3 2" is equivalent to "5 3 2 5 3 2". | array |
| object | | fill | Settings for the fill for the first marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | opacity | Cursor line opacity. 0 is fully transparent, 1 is fully opaque. | value: numeric |
| object | | style | Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. | object |
| object | | last | Settings for the last marker on the chart. | Name | Description | Property Type |
|---|
| shape | Shape of the last marker. Options are circle, triangle, or square. Default is circle. | value: string dropdown | | size | Size of the last marker, in pixels. | value: numeric | | stroke | Settings for the stroke for the last marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | width | Width of the line in pixels. | value: numeric | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray | The pattern of dashes and gaps used to paint the stroke. It's a list of space separated lengths (in pixels) and percentages (percentage of the stroke length for the desired operating range) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5 3 2" is equivalent to "5 3 2 5 3 2". | array |
| object | | fill | Settings for the fill for the last marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric |
| object | | style | Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. | object |
| object | | high | Settings for the high marker on the chart. | Name | Description | Property Type |
|---|
| shape | Shape of the high marker. Options are circle, triangle, or square. Default is square. | value: string dropdown | | size | Size of the high marker, in pixels. | value: numeric | | stroke | Settings for the stroke for the high marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | width | Width of the line in pixels. | value: numeric | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray | The pattern of dashes and gaps used to paint the stroke. It's a list of comma separated lengths (in pixels) and percentages (percentage of the stroke length for the desired operating range) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5,3,2" is equivalent to "5,3,2,5,3,2". | array |
| object | | fill | Settings for the fill for the high marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric |
| object | | style | Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. | object |
| object | | low | Settings for the low marker on the chart. | Name | Description | Property Type |
|---|
| shape | Shape of the low marker. Options are circle, triangle, or square. Default is square. | value: string dropdown | | size | Size of the marker, in pixels. | value: numeric | | stroke | Settings for the stroke for the low marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | width | Width of the line in pixels. | value: numeric | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric | | dashArray | The pattern of dashes and gaps used to paint the stroke. It's a list of space separated lengths (in pixels) and percentages (percentage of the stroke length for the desired operating range) that specify the lengths of alternating dashes and gaps. If an odd number of values is provided, then the list of values is repeated to yield an even number of values. Thus, "5 3 2" is equivalent to "5 3 2 5 3 2". | array |
| object | | fill | Settings for the fill for the low marker. Options as follows: | Name | Description | Property Type |
|---|
| color | Color of the line. See Color Selector. | color | | opacity | Opacity of the line ranging from 0 to 1. 0 is fully transparent, 1 is fully opaque. | value: numeric |
| object | | style | Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. | object |
| object |
| object | | style | Sets a style for this component. Full menu of style options is available for text, background, margin and padding, border, shape and miscellaneous. You can also specify a style class. | object | | Deprecated Properties |
|---|
| stroke | Deprecated and renamed to "color. " Color of the line. Can be chosen from color wheel, chosen from color palette, or entered as RGB or HSL value. See Color Selector. | color | | stroke width | Deprecated and renamed to "width." Thickness of the line, in pixels. | value: numeric |
|
