如何解决如何使用 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
}
}]
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。