title: chart.js responsive bar chart label sizing
body: <p>So I have a bar chart using chart.js and I have the responsive enabled. It seems to work well with some charts and not so well with others. For example my bar chart labels seem to not re-size with the window, but everything else does making the entire chart look awfully strange at smaller window sizes. How can I re-size the labels so that it scales all together? Any ideas? Thanks!</p>
  
  <p>My fiddle:<a href="http://fiddle.jshell.net/SteveSerrano/e3o9z2wg/" rel="nofollow">http://fiddle.jshell.net/SteveSerrano/e3o9z2wg/</a></p>
  
  <p>Html:</p>
  
  <pre><code>&lt;canvas id="canvas" width="940" height="540"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var barChartData = {
      labels: ["Adjust claims fairly", "Pays promptly", "Resolves issues quickly", "Communicates clearly, honestly to agents", "Underwriter knowledge/expirience", "Listens, responds to agents", "Consistant underwriting", "Easy, intuitive functionality-technology", "Stable underwriting market", "Flexible underwriting when warrented"],
      datasets: [
          {
          label: "My First dataset",
          //new option, barline will default to bar as that what is used to create the scale
          type: "line",
          fillColor: "rgba(225,225,225,0.01)",
          strokeColor: "rgba(0,0,0,1)",
          pointColor: "rgba(0,0,0,1)",
          pointStrokeColor: "#000000",
          pointHighlightFill: "#fff",
          pointHighlightStroke: "rgba(0,0,0,1)",
          data: [9.5, 9.4, 9.3, 9.2, 9.2, 9.1, 9, 9, 9, 9]
      }, {
          label: "My First dataset",
          //new option, barline will default to bar as that what is used to create the scale
          type: "bar",
          fillColor: "rgba(225,50,50,0.8)",
          strokeColor: "rgba(225,50,50,1)",
          pointColor: "rgba(220,20,220,1)",
          pointStrokeColor: "#fff",
          pointHighlightFill: "#fff",
          pointHighlightStroke: "rgba(220,220,220,1)",
          data: [7.4, 7.6, 6.2, 6.3, 6.8, 5.8, 7.1, 6.1, 7.6, 5.2]
      }]
  };
  Chart.defaults.global.responsive = true;
  //canvases
  var lineBar = document.getElementById("canvas").getContext("2d");
  
  //charts
  var myLineBarChart = new Chart(lineBar).Overlay(barChartData);
  </code></pre>