HighCharts : dataLabels errorBar

Question

我想在我的图表(errorBar类型)上添加每个点的最小和最大值​​。

作为以下链接：JSFiddle

我可以用以下代码对我的各种图形进行处理：

    dataLabels: {
        enabled: true,
        style: {
            font: 'bold 11px Arial',
            textShadow: '0 0 3px white, 0 0 3px white '
        }
   }

做得到吗？Thx

Answer 1

这看起来像一个错误(或至少一个网站)与高图表。我找不到dataLabels选项的任何组合，这些选项将与errorbar类型图一起工作。如果你真的需要这种能力，我会亲自使用一个Renderer.text调用：

function(chart){
    var points = chart.series[0].points;
    for (var i = 0; i < points.length; i++){
        var p = points[i];
        chart.renderer.text("High: "+p.high, p.plotX+chart.plotLeft-20, p.highPlot+chart.plotTop-5).add();
        chart.renderer.text("Low: "+p.low, p.plotX+chart.plotLeft-20, p.lowPlot+chart.plotTop+12).add();
}

结果(小提琴这里)：

​

​

Answer 2

事实上，它看起来像一个bug，所以我报告了它，https://github.com/highslide-software/highcharts.com/issues/2770

Answer 3

对于那些仍在寻找这个的人：

高级图表修复了错误条的标签。现在可以使用数据标签和自定义格式化程序放置自定义的高低标签。

 dataLabels: {
        inside: false,
        enabled: true,
        formatter: function() {
          return (this.point.y == this.point.high ? "High: " : "Low: ") + this.point.y
        }
      }

https://jsfiddle.net/amalborn/5xLzn204/1/