highcharts 自定义标题

ht4b089n  于 2022-11-29  发布在  Highcharts
关注(0)|答案(2)|浏览(220)

有没有办法将图表中的标题分组?请附上一张带有示例的图片。我想要的是,在红线中输入一个回车(“\ n”或“br”)。可以吗?谢谢
图片:https://pasteboard.co/HXPlaT2.jpg

eni9jsuy

eni9jsuy1#

当在序列选项中发现伪newLine属性时,可以将layoutItem函数 Package 在Highcharts.Legend.prototype中并开始新行:

// If the item exceeds the width, start a new line
if (
  horizontal &&
  (
    this.itemX - padding + itemWidth > maxLegendWidth ||
    item.userOptions.newLine
  )
) {
  this.itemX = padding;
  this.itemY += itemMarginTop + this.lastLineHeight +
    itemMarginBottom;
  this.lastLineHeight = 0; // reset for next line (#915, #3976)
}

您应该将此属性放在要从新行开始的序列中:

, {
  name: 'Manufacturing1',
  data: [43934, 52503, 57177, 69658, 9031, 119931, 137133, 54175],
  newLine: true
  }

jsFiddle:https://jsfiddle.net/BlackLabel/zbcLeyat的操作系统

ymdaylpp

ymdaylpp2#

自从Highcharts 10.3.1以来,这个函数就被破坏了。作为一个解决方案,我通过改变源脚本在10.2.1上运行Highcharts。(也在Highcharts论坛上发布了这个。)

<script src="https://code.highcharts.com/10.2.1/highcharts.js"></script>

相关问题