笔下光年

Series [处理数据]

Series 是一组数据。您可以有一个或多个数据 series。Series对象可以采用以下格式:

1). 单一值

  1. series:[{
  2. data: [23, 34, 12, 54, 32, ... , 43]
  3. }]

其中,数据数组中的所有值都表示 y 轴值。

默认情况下,此格式的数据被视为类别图表,类别必须在 xaxis 中提供。像这样的 categories :

  1. xaxis:{
  2. categories: ["Jan", "Feb", "Mar", ... , "Dec"]
  3. }

对于柱状图/条形图等需要显示数据类别之间比较的类别图, “单一值” 格式更容易。

2). 成对值

2.1)二维数组中的成对数值

  1. series: [{
  2. data: [[1, 34], [3, 54], [5, 23] , ... , [15, 43]]
  3. }],
  4. xaxis: {
  5. type: 'numeric'
  6. }

其中,第一个索引是 x 轴值,第二个索引是 y 轴值。确保如上所示将 xaxis 类型设置为 numeric。

2.2)XY属性中的成对数值

创建数字成对序列的另一种方法是将 XY 值作为对象传递,如下所示。在这里,也不要忘记设置 xaxis。type: 'numeric',因为X值包含数字。

  1. series: [{
  2. data: [{
  3. x: 20,
  4. y: 54
  5. }, {
  6. x: 30,
  7. y: 66
  8. }],
  9. }],
  10. xaxis: {
  11. type: 'numeric'
  12. }

2.3)类别配对值

而不是提供单独的 xaxis。类别数组中,还可以提供类别( x 值)和 y 值。请注意,x 属性可以接受字符串值,这与上一个示例中的数字不同。

  1. series: [{
  2. data: [{
  3. x: 'Apple',
  4. y: 54
  5. }, {
  6. x: 'Orange',
  7. y: 66
  8. }],
  9. }],
  10. xaxis: {
  11. type: 'category'
  12. }

某些图表类型(如Treemap)只接受这种格式。这种格式也有助于添加附加信息以及可能在其他地方使用的数据点(例如,在工具提示、数据标签等中)。

3). 时间线系列

要绘制时间线系列,您需要以以下方式提供时间戳值。

3.1)时间戳

  1. series: [{
  2. data: [[1324508400000, 34], [1324594800000, 54] , ... , [1326236400000, 43]]
  3. }]

或者可以通过以下方式提供日期字符串。

3.2)日期字符串

  1. series: [{
  2. data: [{ x: '05/06/2014', y: 54 }, { x: '05/08/2014', y: 17 } , ... , { x: '05/28/2014', y: 26 }]
  3. }]

当通过 JavaScript 的 Date.parse() 函数解析时,您提供的 DateTime 字符串应该返回 true

4). Pie/Donuts/RadialBars 的数据

该 series 需要一个用于 Pie/Donuts/RadialBars 的数组。 Series 值的名称将在标签属性中提供。

  1. series: [23, 11, 54, 72, 12],
  2. labels: ["Apple", "Mango", "Banana", "Papaya", "Orange"]