Javascript 在chart.js中的小型设备上更改标签字体大小

Javascript 在chart.js中的小型设备上更改标签字体大小,javascript,angularjs,iframe,chart.js,Javascript,Angularjs,Iframe,Chart.js,我在iframe上获取数据,然后在网站中使用canvas显示chat.js数据。代码如下(此代码是从chrome元素生成和获取的) 角度div属性如下所示: <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <div class="well" style="padding:15px;"> <canvas id="myChartViolations" width="600" height="700

我在iframe上获取数据,然后在网站中使用canvas显示chat.js数据。代码如下(此代码是从chrome元素生成和获取的)

角度div属性如下所示:

   <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
   <div class="well" style="padding:15px;">
   <canvas id="myChartViolations" width="600" height="700"></canvas>
   </div></div> 

当我有小记录时,它会在移动屏幕上提供如下良好输出: 但当存在大量数据时:
所以它开始重叠。有人能告诉我哪里做错了吗?

你到底在用哪个角度版本?@akkusativeobjekt 1.5.6你到底在用哪个角度版本?@akkusativeobjekt 1.5.6
var options = {   
      scaleLabel: function(object) {
      return "      " + object.value;
      },
     responsive: true,
     pointDot: false
      };
   <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
   <div class="well" style="padding:15px;">
   <canvas id="myChartViolations" width="600" height="700"></canvas>
   </div></div>