Wijmo UI for the Web
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. X values are generally text values, while Y values are numeric. The X value determines where the data point appears in relation to the X axis, and the Y value determines where it appears in relation to the Y axis.

The seriesList for a scatter chart also allows you to specify the shapes to use for the data points in each series.

Type: Array

Default: []

Syntax
Javascript (Usage) 
var value; // Type: array
value = jQuery.wijmo.wijscatterchart.options.seriesList;
Javascript (Specification) 
var seriesList : array;
Example
This example creates two data series objects, each with a different marker type.
seriesList: [
              {
                  label: "Female",
                  data: {
                      x: [161.4, 169.0, 166.2, 159.4, 162.5, 159.0, 162.8, 159.0, 179.8, 162.9, 161.0, 151.1, 168.2, 168.9, 173.2, 174.0, 162.6, 174.0, 162.6, 161.3, 156.2, 149.9, 169.5, 160.0, 175.3, 169.5, 160.0, 172.7, 162.6, 157.5, 176.5, 164.4, 160.7, 174.0, 163.8],
                      y: [63.4, 58.2, 58.6, 45.7, 52.2, 48.6, 57.8, 55.6, 66.8, 59.4, 53.6, 73.2, 53.4, 69.0, 58.4, 73.6, 61.4, 55.5, 63.6, 60.9, 60.0, 46.8, 57.3, 64.1, 63.6, 67.3, 75.5, 68.2, 61.4, 76.8, 71.8, 55.5, 48.6, 66.4, 67.3]
                  },
                  markerType: "circle"
              }, {
                  label: "Male",
                  data: {
                      x: [175.0, 174.0, 165.1, 177.0, 192.0, 176.5, 169.4, 182.1, 179.8, 175.3, 184.9, 177.3, 167.4, 178.1, 168.9, 174.0, 167.6, 170.2, 167.6, 188.0, 174.0, 176.5, 180.3, 167.6, 188.0, 180.3, 167.6, 183.0, 183.0, 179.1, 170.2, 177.8, 179.1, 190.5, 177.8, 180.3, 180.3],
                      y: [70.2, 73.4, 70.5, 68.9, 102.3, 68.4, 65.9, 75.7, 84.5, 87.7, 86.4, 73.2, 53.9, 72.0, 55.5, 70.9, 64.5, 77.3, 72.3, 87.3, 80.0, 82.3, 73.6, 74.1, 85.9, 73.2, 76.3, 65.9, 90.9, 89.1, 62.3, 82.7, 79.1, 98.2, 84.1, 83.2, 83.2]
                  },
                  markerType: "diamond"
                 }
              ]
This example adds three series objects, the first showing how to add x and y data separately, the second showing how to add xy data in one array, with alternating values, and the third showing how to add date values.
seriesList: [{ 
      label: "Q1", 
      data: { 
              x: [1, 2, 3, 4, 5], 
              y: [12, 21, 9, 29, 30] 
            }
}, { 
      label: "Q2", 
      data: { 
               // In this case, using xy causes the array
               // to split up so that the 1st, 3rd, 5th, 7th, 
               // and 9th values are assigned to x, while 
               // the 2nd, 4th,  6th, 8th, and 10th 
               // values are assigned to y.
               xy: [1, 21, 2, 10, 3, 19, 4, 31, 5, 20] 
}, {
        label: "Q3", 
        data: { 
                x: [new Date(1978, 0, 1), new Date(1980, 0, 1), new Date(1981, 0, 1), new Date(1982, 0, 1), new Date(1983, 0, 1)], 
                y: [12, 21, 9, 29, 30] 
            }
}]
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, against which to plot the center point of the data point.

Type: array

Default: []

y

An array of numeric data values to plot along the y axis, against which to plot the center point of the data point.

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

markerType

An object containing the type of marker to use for each data point in the series.

Type: string

Default: "circle"

Valid Values:

visible

A Boolean value that indicates whether to display markers for the series.

Type: Boolean

Default: true

Browser Compatibility
7
5
5

See Also

Reference

options type

 

 


© 2013 All Rights Reserved.

Send comments on this topic.