typescript - PrimeNG/Chart.js - 要显示的最大标签数

Question

我正在使用 PrimeNG 图表(基于 chart.js)。我知道要设置要显示的最大标签数。文档显示了这一点:ticks.max String - 要显示的最大项目。必须是标签数组中的值

但我不知道该把它放在哪里，也无法在互联网上的任何地方找到任何东西。我的图表选项现在看起来像这样:

this.options = {

            animation: false,
            legend: {
                display: true,
                labels: {
                    boxWidth: 0,
                }

            },

            scales: {

                yAxes: [{

                    scaleLabel: {
                        display: true,
                        labelString: "ms"  
                    },
                    ticks: {
                        beginAtZero: true,
                        suggestedMax: 100,
                    }

                }],
                xAxes: [{
                    scaleLabel: {
                        display: true,
                        labelString: "sec"
                    },
                    ticks: {
                        beginAtZero: true,

                    }
                }]

            }
        }

我尝试在我的选项中的不同位置添加 ticks.max，但我总是收到“意外标记”错误。我可以在“刻度”内设置一个“最大”值，但这确实是一个数字，而不是我要找的。而且，上面的文档也告诉 ticks.max 是来自标签数组的字符串。所以 ticks 对象中的“最大”值肯定必须是别的东西。

这可能是一个愚蠢的问题，但我搜索了很长时间，还是忍不住问了。

Answer 1

根据文档，如果您想创建一个 Category Scale，应该像这样工作:

.....

        scales: {
            yAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: "ms"  
                },
                ticks: {
                    beginAtZero: true,
                    suggestedMax: 100,
                }
            }],
            xAxes: [{
                scaleLabel: {
                    display: true,
                    labelString: "sec"
                },
                ticks: {
                    beginAtZero: true,
                    max: "a-value-from-array"
                }
            }]
        }

我很想猜测您使用的符号如下:

var y = { ticks.max: "hello" }
VM181:1 Uncaught SyntaxError: Unexpected token .

我认为这可以解释您的错误。