Legend AMSCHARTS 4热量图例-如何在地图下方定位

Legend AMSCHARTS 4热量图例-如何在地图下方定位,legend,heatmap,amcharts4,Legend,Heatmap,Amcharts4,中显示的热量图例放置(覆盖)在地图顶部。我想把它放在地图下面的图例或页脚区域,但找不到任何选项。到目前为止,我们尝试的相关代码是: var heatLegend = chart.chartContainer.createChild(am4maps.HeatLegend); heatLegend.valign = "bottom"; 但这只会模糊地图底部的三分之一。您可以使用外部容器 将另一个图例div添加到html中 <div id="chartdiv&qu

中显示的热量图例放置(覆盖)在地图顶部。我想把它放在地图下面的图例或页脚区域,但找不到任何选项。到目前为止,我们尝试的相关代码是:

var heatLegend = chart.chartContainer.createChild(am4maps.HeatLegend);
heatLegend.valign = "bottom";

但这只会模糊地图底部的三分之一。

您可以使用外部容器
将另一个图例div添加到html中

<div id="chartdiv"></div>
<div id="legenddiv"></div>
有关更多信息,请查看:

let legendContainer = am4core.create("legenddiv", am4core.Container);
legendContainer.width = am4core.percent(100);
legendContainer.height = am4core.percent(100);
// add heat legend
var heatLegend = legendContainer.createChild(am4maps.HeatLegend);