首页 > 解决方案 > Chart.js 如何删除图表上的最终标签

问题描述

我的 x 轴上有一个问题,我设置的最大值的标签与前一个标签重叠。如何防止显示最终标签?

在此处输入图像描述

我查看了 NestedTickoptions、TickOptions 和 LinearTickOption 接口中的所有属性(我正在使用类型脚本),但似乎没有一个选项对我有帮助。我是否必须在回调中编写一些自定义功能?

标签: javascripttypescriptchart.js

解决方案


您可以使用callback函数在xAxes. 想法是不显示最后一个标签,请参见代码示例:

ticks: {
    callback: function(value, index, values) {
        var lastValue = values[values.length - 1];
        var displayValue = value === lastValue ? '' : lastValue;
        return displayValue;
    }
}

在回调函数中,您可以获得所有标签,只需将其添加到xAxes.

scales: {
    xAxes: [{
        // ticks
}],

推荐阅读