title: Making Highcharts.js charts look good on mobile and desktop
body: <p>I'm wondering if anyone has successfully implemented a responsive design using Highcharts to make their charts look good on both mobile and desktop.</p>
  
  <p>By default, Highcharts do re-scale when you resize the browser screen its just that the X-axis get cluttered by the tick mark text and bar graphs look tall and too skinny (too compressed).
  To get a sense of what I mean, you can go to <a href="http://www.highcharts.com/demo/column-basic" rel="noreferrer">this page</a> and resize the browser. </p>
  
  <p>I think these issues could possibly be addressed by reducing the amount of data points say to 1/3 of the original number though I'm wondering how that would be accomplished programmatically using Highcharts's API. If that doesn't sound like a good idea I'm also interested in other thoughts or solutions people might have come up with to use Highcharts on mobile (or perhaps even different JS charting libraries where a multi-device solution might be easier to implement?).</p>