Treemap with auto-colored labels

This demo shows how we can use adapters to pick a contrasting color for Treemap labels.

Code

TypeScript

series.labels.template.adapters.add("fill", function(fill, target) {
  if (target.dataItem) {
    return am5.Color.alternative(
      target.dataItem.get("rectangle").get("fill"),
      am5.color(0xffffff),
      am5.color(0x000000)
    );
  }
  return fill;
});

JavaScript

series.labels.template.adapters.add("fill", function(fill, target) {
  if (target.dataItem) {
    return am5.Color.alternative(
      target.dataItem.get("rectangle").get("fill"),
      am5.color(0xffffff),
      am5.color(0x000000)
    );
  }
  return fill;
});

Example

Open in CodePen