highcharts |样式化模式下地块标注栏标签得行高控制

oxiaedzo  于 2022-11-10  发布在  Highcharts
关注(0)|答案(1)|浏览(196)

我正在寻找一种方法来控制样式模式下的地块标注栏标签的行高。useHTML属性在我的情况下不起作用,因为我需要样式在下载的PNG中保持不变。我正在寻找类似于this的解决方案。
我也试过添加一些类似的东西,但它完全打破了我的图表。

function (p) {
  p.call(this);
  const plotLine = this;
  plotLine.label?.css(merge(this.options.label.style));

Here's是一个简单的小提琴描述的问题,似乎无论什么是字体大小的dy道具保持15。
如果有人能帮忙,我会很感激的。

y4ekin9u

y4ekin9u1#

在本例中,你需要wrap Highcharts.PlotLineOrBand.prototype渲染函数.查看下面的代码并演示:

(function(H) {
   H.wrap(H.PlotLineOrBand.prototype, 'render', function(proceed) {
     proceed.apply(this, Array.prototype.slice.call(arguments, ));

     const label = this.label;

     if (label) {
       label.css({
         lineHeight: label.alignOptions.style.lineHeight
       })
     }

   });
 }(Highcharts));

有关扩展 highcharts 的更多信息:https://www.highcharts.com/docs/extending-highcharts/extending-highcharts
演示:https://jsfiddle.net/BlackLabel/nsg5abhq/

相关问题