ConfidenceBand 置信带,置信区间,可信区间,基线,窗宽
曲线,折线上下多出来两条线,像个通道一样

置信带越窄,精度越高,但是可靠性越低
confidence interval 越宽说明包含真值的概率也就越大

confidence interval是对某个函数估计在某个特定的点而言的,
confidence band是对整个函数估计而言,
一种简单的构造confidence band的方法就是point-wise, 既将每一点的confidence interval简单叠加起来构成上下两条曲线;
所以 confidence band的解释和 confidence interval应该保持一致性,
就是对于同一个问题而言,选取的置信水平越大,confidence band覆盖的面积就会越宽

ConfidenceBand

echarts 置信带,基线 https://echarts.apache.org/examples/zh/editor.html?c=confidence-band
image.png

  1. // 基准数据
  2. const dataSource = [
  3. { label: '半导体', value: [] }
  4. ];
  5. // 置信带数据
  6. const source = [
  7. {label: 'Boundary', value: [10,90]}
  8. ]
  9. const confidenceBand = [
  10. {
  11. label: '边界',
  12. value: source.map(it => it.value[0]),
  13. // areaStyle: { origin: 'start', opacity: 0 },
  14. lineStyle: { opacity: 0 }, // 开始的基线数据,隐藏,第二个数据在这上面叠加
  15. stack: 'confidence-band',
  16. symbol: 'none',
  17. },
  18. {
  19. label: '边界',
  20. value: source.map(it => it.value[1]),
  21. areaStyle: { color: 'rgb(47,194,91)' },
  22. lineStyle: { opacity: 0 },
  23. stack: 'confidence-band',
  24. symbol: 'none',
  25. },
  26. ];

series数据

  1. [
  2. {
  3. name: 'L',
  4. type: 'line',
  5. data: data.map(function (item) {
  6. return item.l + base;
  7. }),
  8. lineStyle: {
  9. opacity: 1
  10. },
  11. stack: 'confidence-band',
  12. symbol: 'none'
  13. },
  14. {
  15. name: 'U',
  16. type: 'line',
  17. data: data.map(function (item) {
  18. return item.u - item.l;
  19. }),
  20. lineStyle: {
  21. opacity: 0
  22. },
  23. areaStyle: {
  24. color: '#eaf9ee'
  25. },
  26. stack: 'confidence-band',
  27. symbol: 'none'
  28. },
  29. {
  30. name: 'BaseLine',
  31. type: 'line',
  32. data: data.map(function (item) {
  33. return item.value + base;
  34. }),
  35. itemStyle: {
  36. color: '#333'
  37. },
  38. showSymbol: false
  39. }
  40. ]