高图-yAxis标签的上边距

时间:2018-11-05 08:27:40

标签: angular highcharts

我正在使用图表在网站上显示图表,但是我遇到了问题- 我想加粗一个标签,但是它向上移动,因为它的字体更大,如图所示:enter image description here

我以这种方式格式化标签-

labels: {
   formatter: function() {
      if (this.value == 4) {
              return (
                '<span style="font-size: 40px; font-weight:bold;">' +
                this.value +
                "</span>"
              );
            }
            return this.value;
          }
         }

我该如何解决?

这里是live example

1 个答案:

答案 0 :(得分:1)

Highcharts默认不支持此功能,但是 您可以在getLabelPosition原型中覆盖Tick方法,并在计算中考虑不同的标签大小:

if (!this.axis.isXAxis) {
    yOffset = -label.getBBox().y / 2;
}

实时演示:https://jsfiddle.net/BlackLabel/wq93xtsr/