Chart.js 雷达图如何删除外部标签答案

【问题标题】：Chart.js Radar Chart How to Remove Outer LabelsChart.js 雷达图如何删除外部标签
【发布时间】：2017-03-08 18:37:09
【问题描述】：

在移动设备上，这些标签占用了太多宝贵的空间。如何在保留线条的同时删除它们？

我尝试了几种方法，这些方法似乎适用于典型的 x/y 图表，但无法找到一种方法来实现雷达图表。

【问题讨论】：

标签： javascript chart.js axis-labels radar-chart

【解决方案1】：

找到了解决办法！见下文：

options: {
    scale: {
        pointLabels: {
            callback: function(pointLabel, index, labels) {
                return screen_w > 500 ? pointLabel : ' ';
            } 
        }
    }
}

我正在使用我自己的变量screen_w 有条件地返回标签，或者什么都不返回。

像魅力一样工作。

发现埋在这里： https://github.com/chartjs/Chart.js/pull/1879

【讨论】：

假设 screen_w 是什么或值是什么？
一个整数 - 我相信在这种情况下是通过 window.innerWidth 实现的，但已经有一段时间了。

【解决方案2】：

找到所有情况下删除外部标签的最简单解决方案

 scale:{
           pointLabels:{
           fontSize: 0       
             },
       }

只要将 FontSize 设为零

【讨论】：