Series 是一组数据。您可以有一个或多个数据 series。Series对象可以采用以下格式:
series:[{
data: [23, 34, 12, 54, 32, ... , 43]
}]
其中,数据数组中的所有值都表示 y 轴值。
默认情况下,此格式的数据被视为类别图表,类别必须在 xaxis 中提供。像这样的 categories :
xaxis:{
categories: ["Jan", "Feb", "Mar", ... , "Dec"]
}
对于柱状图/条形图等需要显示数据类别之间比较的类别图, “单一值” 格式更容易。
series: [{
data: [[1, 34], [3, 54], [5, 23] , ... , [15, 43]]
}],
xaxis: {
type: 'numeric'
}
其中,第一个索引是 x 轴值,第二个索引是 y 轴值。确保如上所示将 xaxis 类型设置为 numeric。
创建数字成对序列的另一种方法是将 XY 值作为对象传递,如下所示。在这里,也不要忘记设置 xaxis。type: 'numeric'
,因为X值包含数字。
series: [{
data: [{
x: 20,
y: 54
}, {
x: 30,
y: 66
}],
}],
xaxis: {
type: 'numeric'
}
而不是提供单独的 xaxis。类别数组中,还可以提供类别( x 值)和 y 值。请注意,x 属性可以接受字符串值,这与上一个示例中的数字不同。
series: [{
data: [{
x: 'Apple',
y: 54
}, {
x: 'Orange',
y: 66
}],
}],
xaxis: {
type: 'category'
}
某些图表类型(如Treemap)只接受这种格式。这种格式也有助于添加附加信息以及可能在其他地方使用的数据点(例如,在工具提示、数据标签等中)。
要绘制时间线系列,您需要以以下方式提供时间戳值。
series: [{
data: [[1324508400000, 34], [1324594800000, 54] , ... , [1326236400000, 43]]
}]
或者可以通过以下方式提供日期字符串。
series: [{
data: [{ x: '05/06/2014', y: 54 }, { x: '05/08/2014', y: 17 } , ... , { x: '05/28/2014', y: 26 }]
}]
当通过 JavaScript 的 Date.parse()
函数解析时,您提供的 DateTime
字符串应该返回 true
。
该 series 需要一个用于 Pie/Donuts/RadialBars 的数组。 Series 值的名称将在标签属性中提供。
series: [23, 11, 54, 72, 12],
labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"]