Highcharts - 如何绘制置信区间

时间:2013-02-20 18:51:18

标签: javascript graph highcharts intervals

我想知道是否有可能像图中那样绘制置信区间:

http://tonarchiv.ch/dl/stack/indication.png

即。每个样本的间隔以及“中间”的点或小线。

X轴应该是一个数字(等级数)。

4 个答案:

答案 0 :(得分:1)

列范围就是答案!见:http://jsfiddle.net/dmN3N/18/

    series: [{
        type: 'columnrange',
        data: [
              [-0.547571175, 0.401498266],
              [-0.960011899, 0.444655955],
               ...
              ]
    }, {
        type: 'scatter',
        data: [-0.073036455, -0.257677972,
                0.100955985, 0.106734365,
               -0.12219027, -0.060577832
              ]
    }]

如果需要,可以使用其他(宽度高于)色谱柱范围生成色谱柱两端的破折号(参见样品图片)......

答案 1 :(得分:1)

以下是rantanplan的一个示例,建议在每个条形图的顶部和底部使用列标记作为破折号:

Confidence intervals in Highcharts

水平线是使用'列'创建的。宽15像素,高2像素,位于数据范围的两端。例如,以下是每个栏顶部的行:

type: 'columnrange',
pointWidth: 15,
minPointLength: 2,
data: [
    [0.40, 0.40],
    [0.30, 0.30]
]         

另一个系列在底部创建线条,第三个附加系列(散射)在中间创建菱形标记。

https://jsfiddle.net/ecjohbg1/4/

答案 2 :(得分:0)

您可以尝试使用plotBands:http://api.highcharts.com/highcharts#xAxis.plotBands

答案 3 :(得分:0)

现在有一个名为“errorbar”的系列类型,它非常适合这个用例。其他解决方案将三个不同的区间系列粘合在一起,而误差条系列则用一个来完成。均值仍然需要一个单独的序列。

这是一个例子 https://www.highcharts.com/docs/chart-and-series-types/error-bar-series

这是 API 参考 https://api.highcharts.com/highcharts/series.errorbar