自动 Y 轴刻度：最大值始终为 ChartJS 中最大值的 120%答案

【问题标题】：automatic Y-axis scale: max is always as 120% of highest value in ChartJS自动 Y 轴刻度：最大值始终为 ChartJS 中最大值的 120%
【发布时间】：2019-03-03 12:01:55
【问题描述】：

我正在使用 ChartJS 2.7.2。

现在 Y 轴刻度是自动的，具体取决于值。我希望它仍然是自动的，但最大值不应该太高。我总是希望看到最大比例，例如：(value+20%)。

想要的外观： good looking chart

不想要的样子： not so good looking chart

/已编辑：

example with data

我正在使用ajax获取数据：my real JS code

我只想看到 3 个 Y 轴刻度 (screen 2)，但比例和线条应该像这里一样 (screen 1)。

没有maxTicksLimit: 3, 的样子： screen 1

maxTicksLimit: 3, 的样子： screen 2

【问题讨论】：

您是否有包含一些可重现该问题的示例数据的示例？
请发布您的代码或更好地创建一个小提琴
example
当我删除 maxTicksLimit: 3, 它工作正常 - 所以也许我应该找到其他只显示 3 个刻度的方法？

标签： javascript charts chart.js

【解决方案1】：

如果您使用后端语言在显示数据之前对其进行解析，我会在那里进行计算以计算出“最大”数字应该是多少，然后将其插入到 yTicks 中为“最大:" （作为 PHP 示例），否则，使用 javascript .forEach 循环遍历您的数据数组并确定最大数字，然后将其放入 max 字段中。

【讨论】：