This is a demo tutorial. While there is no step-by-step commentary available (yet), the live demo below is fully functional. Feel free to open it for full source code.
This demo shows how default colors of the links in NavigationBar
on a TreeMap
chart.
chart.navigationBar = new am4charts.NavigationBar(); chart.navigationBar.links.template.fill = am4core.color("#691E06"); chart.navigationBar.activeLink.fill = am4core.color("#8F250C");
chart.navigationBar = new am4charts.NavigationBar(); chart.navigationBar.links.template.fill = am4core.color("#691E06"); chart.navigationBar.activeLink.fill = am4core.color("#8F250C");
{ // ... "navigationBar": { "links": { "fill": "#691E06" }, "activeLink": { "fill": "#8F250C" } } }
See the Pen amCharts 4: Setting colors of NavigationBar in TreeMap by amCharts team (@amcharts) on CodePen.