是否可以使用Chart.js缩短雷达图上的外部标签,而不影响其他标签

Is it possible to shorten outer labels on Radar graph using Chart.js, without affecting the other labels?

本文关键字:标签 外部 其他 影响 Chart 可以使 js 雷达图 是否      更新时间:2023-09-26

我目前正在使用Chart.js,并在我的项目中使用一些动态数据构建雷达图。它运行良好。然而,用户偶尔会在标签中使用过多的字符,这会影响图形的整体大小。

有没有一种方法可以减少外环标签说:

"这是一个很长的标签"到"这是…"

在不影响图形本身中的标签(悬停标签)的情况下?

我确实想到了这样的东西:

var label = "This is a really long label";
newLabel = label.substring(0,8) + "...";

Giving: This is ...

然而,这将影响雷达图外部的标签和内部悬停标签。我只想把外标签修一下。

只需设置scaleLabel函数

...
options: {
   scale: {
      pointLabels: {
         callback: function(pointLabel) {
           if (pointLabel.length > 6)
              return pointLabel.substring(0, 5) + '...';
           else 
              return pointLabel
         }
      }
   }
}
...

Fiddle-http://jsfiddle.net/e7suv6jg/

相关文章: