误差线图通常表示数据的可变范围、误差范围。

      误差线图相关的 API:

      通过指定数据列的类型为 errorbar 即可创建误差线数据列。由于误差线是主数据列的附属数据列,是对主数据列进行补充说明,所有需要一个主数据列与其进行关联。

      1、关联数据列

      通过 linkedTo 可以指定误差线关联的数据列,linkedTo 属性值是数据列的 id 值,如果没有配置 linkedTo 属性,误差线数据列会自动的前一个数据列进行关联,下面是具体的示例说明:

      1. series: [{
      2. name: ‘降雨量’,
      3. type: ‘column’,
      4. data: []
      5. }, {
      6. name: ‘降雨量误差范围’,
      7. type: ‘errorbar’, // 指定数据列类型为误差线
      8. // 没有配置 linkedTo 属性,则默认与前一个数据列进行关联
      9. data: []
      10. },{
      11. name: ‘温度’,
      12. type: ‘spline’,
      13. id: ‘errorbar2’
      14. data: []
      15. }, {
      16. name: ‘温度误差’,
      17. type: ‘errorbar’,
      18. linkedTo: ‘errorbar2’, // 指定需要关联的数据列 id 值
      19. data: []
      20. }]

      2、误差线的数据

      误差线的数据同 范围图,是用两个数据来表示范围,有以下两种方式:

      1)数组的形式,数组里的两个值分别表示 low 和 high

      1. series: [{
      2. type: ‘errorbar’,
      3. data: [
      4. [0, 2],
      5. [2, 3]
      6. ]
      7. }]

      2)对象的形式,配置 lowhigh 属性

      1. series: [{
      2. type: ‘errorbar’,
      3. data: [{
      4. low: 0,
      5. high: 2
      6. },{
      7. low: 2,
      8. high: 3
      9. }]
      10. }]

      关于在数据提示框或数据标签中显示误差数据请参考 范围图

      二、误差线样式

      误差线包括两部分,竖直部分的线为颈部(stem),上下的线为须线(whiskers)。

      lineWidth 可以控制全部线条的宽度,stemWidthwhiskerWidth 分别控制颈部和须线的宽度,另外 stemColorstemDashStyle 可以控制颈部线条的颜色和线条样式;

      whiskerWidthwhiskerLength 可以控制须线的宽度和长度。

      下面是具体实例:

      原文: https://www.hcharts.cn/docs/error-bar-series