Google Visualization Charts API - Changing Highlight Color of Explorer Function on Line Chart
<p>I'm using the Google Visualization API to generate some charts on a webpage and want to make use of the 'Explorer' option to allow users to zoom in on areas of Line Charts.</p>

<p>The charts are working fine (see fiddle below) but I'd like to change the highlight color of the box created when dragging to zoom. The default is a very distinctive Google-ish Blue:</p>

<p><a href="https://i.stack.imgur.com/HGYPs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HGYPs.png" alt="enter image description here"></a></p>

<p>I've currently set the parameters of the Explorer object as detailed below, but the "Line Chart Reference" doesn't mention a property that can be set to change the highlight color, so how might I go about doing it? I tried delving into the 'loader.js' file but couldn't make any sense of what it was doing! Many thanks.</p>

<pre><code>explorer: {
  actions: ['dragToZoom', 'rightClickToReset'],
  axis: 'horizontal',
  keepInBounds: true,
  maxZoomOut: 1,
  maxZoomIn: 0.01,
}
</code></pre>

<p><a href="https://jsfiddle.net/awenborn/maaawt1L/" rel="nofollow noreferrer">Chart Fiddle</a></p>