（离子3）如何使Charts.js中的标签字体大小敏感？

Question

refit : boolean, or string default=True
        Refit an estimator using the best found parameters on the whole dataset.

这是我的打字稿代码段。字体大小为10，如果手机屏幕较小，这很好，但是如果我在平板电脑上或较大的屏幕上查看，字体就会变得模糊。我不知道如何响应条形图标签中的文本。

HTML代码：

this.barChart = new Chart(this.barCanvas.nativeElement, {
        type: 'bar',
        data: {

          labels: ["", "", "", "", ""],
            datasets: [{
                label: '',
                data: [12, 19, 7, 15,10]
            }]
        },    

  options: {
            scales: {
                xAxes: [{
                gridLines: {
                display:false
                    },
                categoryPercentage: 1.0,
                barPercentage: 0.4,
                scaleLabel: {
                    display: true,
                    fontSize: 10,
                    font: 'Georgia',
                    labelString: 'service request',
                    fontColor: '#808080',
                    padding: 0
                        }

                }],

Answer 1

另一种可能的方法是根据Scriptable options

使用jsfidlle

 font: function(context) {
  var width = context.chart.width;
  var size = Math.round(width / 32);
    return {
      size: size,
      weight: 600
    };
}