jqwidgets-framework/demos/Angular/src/heatmap/legendplacement/app.component.html

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

<div class="container">
  <div id="heatmap">
    <jqxHeatMap #myHeatMap [xAxis]="xAxis" [yAxis]="yAxis" [source]="data"
      [title]="'Car sales revenue per employee(in 1000 &euro;)'">
    </jqxHeatMap>
  </div>

  <div id="legend-position">
    <label for="jqxdropdownlist">Legend Position:</label>

    <jqxDropDownList #myDropDownList (onChange)="setLegendPosition($event)" [width]="100" [dropDownHeight]="120"
      [source]="source" [selectedIndex]="0">
    </jqxDropDownList>
  </div>
</div>