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

oxiaedzo 于 2022-11-10 发布在 Highcharts

关注(0)|答案(1)|浏览(197)

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

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

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

highcharts

来源：https://stackoverflow.com/questions/72381494/highcharts-line-height-control-for-plot-band-labels-in-styled-mode

1条答案

按热度按时间

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/

赞(0）回复(0）举报 2022-11-10

我来回答

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

1条答案

相关问题

热门标签

最新问答