自定义字幕

Question

是否可以将图表中的标题分组？ 附上图像并附带示例。我想要的是，在红线中输入Enter（“ \ n”或“ br”）。这是可能的？ 谢谢

图片：https://pasteboard.co/HXPlaT2.jpg

Answer 1

您可以在Highcharts.Legend.prototype中包装 layoutItem 函数，并在系列选项中找到伪造的 newLine 属性时开始新行：

// 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