Setting colors of NavigationBar in TreeMap

Treemap#colors#treemap

This demo shows how default colors of the links in NavigationBar on a TreeMap chart.

TypeScript

chart.navigationBar = new am4charts.NavigationBar();
chart.navigationBar.links.template.fill = am4core.color("#691E06");
chart.navigationBar.activeLink.fill = am4core.color("#8F250C");

JavaScript

chart.navigationBar = new am4charts.NavigationBar();
chart.navigationBar.links.template.fill = am4core.color("#691E06");
chart.navigationBar.activeLink.fill = am4core.color("#8F250C");

JSON

{
  // ...
  "navigationBar": {
    "links": {
      "fill": "#691E06"
    },
    "activeLink": {
      "fill": "#8F250C"
    }
  }
}

ResultJSHTMLCSS

Open in:New tabCodePenjsFiddle

Run

Setting colors of NavigationBar in TreeMapsetting-colors-of-navigationbar-in-treemap