highcharts 高排行榜:数据标签错误栏

lmvvr0a8  于 2022-11-11  发布在  Highcharts
关注(0)|答案(3)|浏览(166)

我想在图表(errorBar类型)上添加最小值和最大值 每个点的位置。
作为以下链接:JSFiddle
我可以用下面的代码在我的各种图形上做到这一点:

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

有没有可能做到呢?

osh3o9ms

osh3o9ms1#

这看起来像是highcharts的一个bug(或者至少是一个oversite)。我找不到任何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();
}

结果在(fiddle here)中:

tp5buhyn

tp5buhyn3#

对于仍在搜索此内容的用户:
Highchart修复了误差线的标签。现在您可以使用数据标签和自定义格式化程序来放置自定义的高低标签

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/

相关问题