title: Plotly legends overlapping on top of the chart
body: <p>By using plotly, I am creating my analytics dashboard which has pie, bar and different kind of charts. I have a pie chart which has huge data and legends nearly more than 60. It's rendering properly in browser(bigger screen) problem is with the mobile screens. Chart legends are overlapping the actual chart.I am expecting to show chart as like below in mobile screens. Can anyone help me on this.</p>
  
  <p><a href="https://i.stack.imgur.com/FMpd3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FMpd3.png" alt="enter image description here"></a></p>
  
  <p>My Json looks like below.</p>
  
  <pre><code>{
    "data": [{
      "values": [1058,177,75,53,28,23,15,8,7,6,5,5,2,2,1,1,1,1,1,1,0],
      "labels": ["Vision Corporation","Corporate Human Resources","Human Resources-West","Human Resources-East","Human Resources-Central","Recruiting-East","Human Resources","Recruiting-South","Payroll","Recruiting-West","Human Resources-South","Recruiting-Central","200-Human Resources","Direction des Ressources Humaines","Accounts Payable","Commercial Sales","Commercial Sales-West","Services-East","Vision Australia","Vision Industries","Others"],
      "type": "pie",
      "textposition":"inside"
    }],
    "linked": {
      "layout": {
        "legend":{
          "orientation": "h",
          "x": 1.02,
          "xanchor": "center",
          "y": 1.0,
          "yanchor": "bottom"
        },
        "margin":{
          "l": 0
        }
      }
    }
  }
  </code></pre>