将 highcharts 图例停靠到图表的最底部

Question

我有一个非常简单紧凑的图表，需要放在图表的最底部（灰色框），而不是绘图区域，如图：（我希望图例放在红色的地方是）。我已经从 highcharts 文档中尝试了很多，但到目前为止什么都没有。 PS.: 保持这样的尺寸 really need :)

这是我一直在玩的fiddle：https://jsfiddle.net/gq2hywa7/2

Answer 1

您可以通过设置 legend.x 和 legend.y 属性来自定义图例位置。

演示：https://jsfiddle.net/BlackLabel/8qofaewj/

  "legend": {
    "enabled": true,
    "padding": 0,
    "itemHoverStyle": {
      "color": "rgba(0,0,0,0.8)"
    },
    "backgroundColor": "#FFFFFF",
    "margin": 0,
        y: 13
  },

API: https://api.highcharts.com/highcharts/legend.y

将 highcharts 图例停靠到图表的最底部

Dock highcharts legend to very bottom of chart

javascript

highcharts

react-highcharts