seriesList Field

Creates an array of series objects that contain data values and labels to display in the chart. Each series object consists of a label and a data attribute with its own array of X and Y values. See the Remarks section below for details.

Syntax

Javascript (Usage)
var value; // Type: array value = jQuery.wijmo.wijlinechart.options.seriesList;

Javascript (Specification)
var seriesList : array;

Example

In this example, the seriesList x and y data options consume an array of data values.

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        var xArray = [100, 200, 400, 800, 1000];
        var yArray = [-20, 0, 30, -50, 100];
        $("#wijlinechart").wijlinechart({
            axis: {
                y: {
                    origin: 0
                }
            },
            showChartLabels: false,
            header: {
                             text: "My Stocks"
                         },
            hint: {
                content: function () {
                    return this.data.lineSeries.label + '\n' +
                        this.x + '\n' + this.y + '';
                },
                contentStyle: {
                    "font-size": 10
                },
                offsetY: -10
            },
            legend: {
                visible: false
            },
            seriesList: [
                    {
                        label: "My Stocks",
                        data: {
                            x: xArray,
                            y: yArray
                        },
                        markers: {
                            visible: true,
                            type: "circle"
                        }
                    }
                ]
        });
    });
</script>

Remarks

Each series object in the seriesList array is defined with the following options.

data

An object that contains arrays of X and Y data for the chart series.

Type: Object

Default: {}

x

An array of data strings to display along the x axis.

Type: array

Default: []

y

An array of numeric data values to plot along the y axis.

Type: array

Default: []

label

A string value used to label the chart series. By default, this value appears in the legend entry for the series and in the hint when you mouse over a data point in the series. To prevent a series label from appearing in the legend, see legendEntry, below. If you do not provide a label for a series, the label for the series appears as "undefined" in the hint and in the legend.

Type: string

Default: ""

legendEntry

A value that indicates whether to display the label and color of the series in the legend of the chart. Set this value to false to leave a series out of the legend.

Type: Boolean

Default: true

markers

An object containing the type of marker to use for each data point. Markers are not shown by default, so you must set visible to true in order to show markers on the line.

Type: object

Default: {visible: false, type: "circle"}

visible

A value that indicates whether to show a marker for each data point along the line.

Type: Boolean

Default: false

type

A value that indicates the type of marker to display for the series.

Valid Values:

box
circle
cross
diamond
invertedTri
tri

Type: string

Default: "circle"

Browser Compatibility

data

x

y

label

legendEntry

markers

visible

type

See Also

Reference