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

问题描述 投票:3回答:2

enter image description here

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

我已经尝试了几种方法,这些方法似乎适用于典型的x / y图,但找不到为雷达图实现此方法的方法。

javascript chart.js axis-labels radar-chart
2个回答
3
投票

找到了解决方案!见下文:

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

我使用自己的screen_w变量有条件地返回标签,或者什么也没有。

像魅力一样工作。

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


0
投票

找到了在所有情况下都可以去除外部标签的最简单解决方案

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

仅使FontSize等于零

© www.soinside.com 2019 - 2024. All rights reserved.