Блог

Условные обозначения тепла, показанные в этом codepen, размещаются (накладываются) поверх карты. Я хотел бы, чтобы он располагался под картой, в области легенды или нижнего колонтитула, но не могу найти никаких вариантов для этого. Соответствующий код, который мы пробовали до сих пор, является:

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

Но это просто скрывает нижнюю треть карты.

Вы можете использовать внешний контейнер.
Добавьте еще одну легенду div в свой html.

 <div id="chartdiv"></div>
<div id="legenddiv"></div>
  

Затем измените свой js-код

 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);
  

Для получения дополнительной информации ознакомьтесь с этим:
https://www.amcharts.com/docs/v4/tutorials/chart-legend-in-an-external-container /