Heat legend with scale

This demo shows, how we can add a scale to a Heat Legend by pushing regular ValueAxis into it.

Code

TypeScript

let heatAxis = heatLegend.children.push(am5xy.ValueAxis.new(root, {
  strictMinMax: true,
  renderer: am5xy.AxisRendererX.new(root, {
    inversed: true
  })
}));

heatAxis.adapters.add("min", function() {
  return series.getPrivate("valueLow");
});

heatAxis.adapters.add("max", function() {
  return series.getPrivate("valueHigh")
});

JavaScript

var heatAxis = heatLegend.children.push(am5xy.ValueAxis.new(root, {
  strictMinMax: true,
  renderer: am5xy.AxisRendererX.new(root, {
    inversed: true
  })
}));

heatAxis.adapters.add("min", function() {
  return series.getPrivate("valueLow");
});

heatAxis.adapters.add("max", function() {
  return series.getPrivate("valueHigh")
});

Demo

Open in CodePen