HighCharts:dataLabels errorBar

时间:2014-03-03 18:54:53

标签: highcharts

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

如下链接:JSFiddle

我可以使用以下代码在各种图形上执行此操作:

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

有可能吗? THX

2 个答案:

答案 0 :(得分:2)

这看起来像是一个带有高图的错误(或至少是一个过分)。我找不到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();
}

结果(小提琴here):

enter image description here

答案 1 :(得分:1)

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