Highchart legend issue
<p>I want to make chart legend outside of the chart. in the bottom.
but <code>floating: false</code> doesn't seem to work.</p>

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

<p>can someone help me to handle this? </p>

<pre><code>chart: { 
        style: {
             fontFamily: 'Dosis',
             // height: 200,
             backgroundColor: 'lightgreen'
        },
        backgroundColor: null,                  
         spacingBottom: 0,
         spacingTop: 0,
         spacingLeft: 0,
         spacingRight: 0,
         marginBottom: 75,
         marginTop: 15,
         marginLeft: 40,
         marginRight: 10
},              
legend: {
    layout: 'horizontal',
    align: 'center',
    verticalAlign: 'bottom',
    y: 0,
    floating: false,
     itemMarginTop: 3,
     maxHeight: 100,
     navigation: {
        animation: true
     },
    itemHiddenStyle: '#4f7b3f',
    itemStyle: {
         fontSize: 14                
      }
}
</code></pre>

<p>Thanks</p>