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

时间:2017-06-14 07:03:25

标签: javascript angularjs iframe chart.js

我正在获取有关iframe的数据,然后我在网站上使用canvas来显示chat.js数据。代码如下(此代码是从chrome Elements生成并获取的)

 <div class="well" style="padding:15px;">
<iframe class="chartjs-hidden-iframe" tabindex="-1" style="width: 100%; display: block; border: 0px; height: 0px; margin: 0px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;"></iframe>
<canvas id="myChartViolations" width="480" height="560" style="display: block; width: 240px; height: 280px;"></canvas> </div>

我已经在chart.js选项中指定了属性响应,例如

var options = {   
      scaleLabel: function(object) {
      return "      " + object.value;
      },
     responsive: true,
     pointDot: false
      };

像这样的角度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> 

当我有小记录时,它在移动屏幕上提供这样的良好输出: When data is less 但是当有大量数据时: When data is large 所以它开始重叠。有人能告诉我哪里做错了吗?

0 个答案:

没有答案