javascript - 如何使用 react-chartjs-2 强制 Chart.js 轴的最小值和最大值?
问题描述
我正在尝试使用 创建一个简单的折线图react-chartjs-2
,当我尝试设置 x 轴和 y 轴的最小/最大值时,这些值不会采用。
我已经尝试了以下所有方法options
,但它们都没有强制执行我指定的最小值和最大值:
第一次尝试:
{
scales: {
x: {
max: 1000,
min: 0
},
y: {
max: 8,
min: -3
}
}
}
第二次尝试:
{
scales: {
x: {
ticks: {
max: 1000,
min: 0
}
},
y: {
ticks: {
max: 8,
min: -3
}
}
}
}
第三次尝试:
{
scales: {
x: {
suggestedMax: 1000,
suggestedMin: 0
},
y: {
suggestedMax: 8,
suggestedMin: -3
}
}
}
但这些似乎都不起作用。我做错了什么/错过了什么?谢谢你。
附带说明一下,我发现 Chart.js 文档非常混乱,而且很难在网上找到有效的示例,尤其是因为 Chart.js 的 v1 和 v2 似乎根本不同。
解决方案
啊! 如此令人沮丧,但我终于找到了答案。以下对我有用:
{
scales: {
xAxes: [{
ticks: {
beginAtZero: true,
max: 1000,
min: 0
}
}],
yAxes: [{
ticks: {
beginAtZero: false,
max: 8,
min: -3
}
}]
}
}
推荐阅读
- javascript - 获取 NodeList 中元素的值
- python - 使用 powershell 和 python 调用 Rscript
- python - 如何在 tkinter 旁边运行循环?- Python 二维码阅读器图形用户界面
- r - 如何在 R 中以 .png 格式保存绘图
- python - 在 Django 模板中,按钮未按预期工作
- python - Python 错误 - ImportError:尝试相对导入,但没有已知的父包
- google-sheets - 在 Google 电子表格中将列值转置为包含合并单元格的行
- c - 为什么这个程序会在 C 中给出无效的内存访问错误?
- javascript - 我的油门功能没有等待限制时间
- node.js - jest.config.ts:从 Github Actions 运行 jest 时出现“registerer.enabled 不是函数”错误