title: Highcharts: browser width affects marker drawn or hidden
body: <p>I have a line on a chart with a marker (icon). Highcharts is hiding the icon based on some behavior I do not know about.</p>
  
  <p>The code to add 'points' to my data series ('output') looks like (I know enabledThreshold is redundant, but had to try something) this:</p>
  
  <pre><code>    output.push({
         id: id,
         data: points,
         keys: ['x', 'y', 'marker'],
         marker: { enabled: true, enabledThreshold: 0, },
         color: 'transparent',
         lineWidth: 1,
         animation: false,
         showInLegend: false,
         enableMouseTracking: false,
      });
  </code></pre>
  
  <p>Here is an image of the browser with the marker:
  <a href="https://i.stack.imgur.com/BJpej.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BJpej.png" alt="enter image description here"></a></p>
  
  <p>And this is what happens if I make the browser window just a little less wide:
  <a href="https://i.stack.imgur.com/zUqFD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zUqFD.png" alt="enter image description here"></a></p>
  
  <p>The little red icon is gone (making the browser wider will bring it back). I want the icon there 100% of the time.</p>