将海图图例停靠在图表的最底部

编程问答 2022-12-07

问题描述

我有一个非常简单紧凑的图表，需要将其放置在图表的垂直底部（灰色框），而不是绘图区域，如图所示：（我希望将图例放置在红色的图例中） 。我已经从highcharts文档中尝试了很多，但到目前为止没有任何帮助。 PS .：尺寸really need保持这样：)

Target

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

解决方法

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

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

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

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

highchartshighchartsjavascriptreact-highcharts