Chart.js如何删除图表上的最终标签

时间:2019-02-22 11:45:26

标签: javascript typescript chart.js

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

enter image description here

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

1 个答案:

答案 0 :(得分:1)

您可以使用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
}],