Highcharts - 如何绘制置信区间答案

【问题标题】：Highcharts - How to draw Confidence IntervalsHighcharts - 如何绘制置信区间
【发布时间】：2013-02-05 21:59:41
【问题描述】：

我想知道是否可以像这样绘制置信区间：

_{（来源：tonarchiv.ch）}

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

X 轴应该只是一个数字（评分数）。

【问题讨论】：

highcharts.com/demo/combo-multi-axes

标签： javascript graph highcharts intervals

【解决方案1】：

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

【讨论】：

抱歉，图表示例具有误导性。我现在换了。这是关于y轴的显示类型。 y 值周围的某种误差线。
但它看起来只是负标记，无论如何你想控制刻度位置或在 yAxis 标签中添加额外的行，因为我觉得有点困惑。
嗯，似乎很难解释......它应该看起来与最终的示例图完全一样。 Y 值不是单个点，而是一个区间。有没有办法将间隔显示为线条，每端有一个破折号，中间有一个破折号？

【解决方案2】：

列范围就是答案！请参阅：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
              ]
    }]

如果需要，可以使用其他（比高宽）列范围生成列两端的短划线（参见示例图片）...

【讨论】：

【解决方案3】：

以下是 rantanplan 建议在每个条形的顶部和底部使用 columnranges 的示例：

水平线是使用 15 像素宽和 2 像素高的“列”创建的，位于数据范围的两端。例如，以下是每个条形顶部的行：

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

另一个系列在底部创建线条，第三个附加系列（散点图）在中间创建菱形标记。

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

【讨论】：

【解决方案4】：

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

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

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

【讨论】：