Automatically adjust X-axis tooltip color based on series change value

This demo shows how we can use an adapter to adaptively color X-axis tooltip based on series tooltip color, which in turn is based on whether specific data item has a value lower on higher than its predecessor.

Code

TypeScript

xAxis.get("tooltip").get("background").adapters.add("fill", function(fill, target) {
  return series.get("tooltip").get("background").get("fill");
});

JavaScript

xAxis.get("tooltip").get("background").adapters.add("fill", function(fill, target) {
  return series.get("tooltip").get("background").get("fill");
});

Example

Open in CodePen