Please note the following minimal style top-placed navigator bar. It is intended not to mirror-show any of the coloured labels present in the actual chart.
https://jsfiddle.net/xoq31hg4/
However, as soon as you click any of the dropdown items. For example 'New offices', then the labels are suddenly present again in the navigator bar. How to avoid this please?
Also, to be more minimal: do you see a way for the navigator bar to be placed on top of the scrollbar, overlayed? This way all the functionality is inside one bar visually. Panning, arrows, and zooming.