Chart.js 是一个强大且易于使用的 JavaScript 库，用于创建各种类型的交互式图表。在使用 Chart.js 时，您可能需要更改默认设置以满足您特定的需求。其中一种情况是将 Y 轴的实数值更改为整数值。本文将向您展示如何在 Chart.js 中实现此目标。
步骤
第一步：定义 Y 轴选项
要更改 Y 轴的标签，您需要在 Chart.js 的选项对象中定义一个名为 yAxes 的数组。该数组包含一个或多个对象，每个对象代表一个单独的 Y 轴。在这里，我们只需要一个 Y 轴对象。
-- -------------------- ---- -------
-------- -
------- -
------ --
------ -
------------ -----
---------- -
-
--
-
-上面的代码片段中，我们通过指定 ticks 对象来配置 Y 轴标签。beginAtZero 属性指示轴是否应从零开始绘制。precision 属性指定标签应显示的小数位数。将其设置为 0 将使标签仅显示整数值。
第二步：使用新的选项对象创建图表
完成第一步后，您需要使用新的选项对象重新创建图表。以下是一个简单的示例。
-- -------------------- ---- -------
--- ------- - --- ---------- -
----- ------
----- -
------- ------- ------- --------- -------- --------- ----------
--------- --
------ -- -- -------
----- ------ ----- ---- ---- ---- -----
--
--
-------- -
------- -
------ --
------ -
------------ -----
---------- -
-
--
-
-
---学习和指导
本文向您展示了如何更改 Chart.js 中 Y 轴标签的值为整数。此外，您还可以使用其他选项对象中的选项来自定义图表的行为。
希望本文能够帮助您更好地掌握 Chart.js，并为您的前端开发工作提供有用的参考。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25525