Reactjs Chart.js线图y轴不从0开始
这是我当前的线条图。x轴只是一个模拟数据,所以希望你们可以忽略使用的坏数据。正如你在y轴上看到的,它从60开始,这不是我想要的。我试过beginAtZero=true,但它不起作用。我也想删除标签的重量,但通过简单地删除而不是放置标签,它会说未定义 下面是直线图的代码Reactjs Chart.js线图y轴不从0开始,reactjs,chart.js,Reactjs,Chart.js,这是我当前的线条图。x轴只是一个模拟数据,所以希望你们可以忽略使用的坏数据。正如你在y轴上看到的,它从60开始,这不是我想要的。我试过beginAtZero=true,但它不起作用。我也想删除标签的重量,但通过简单地删除而不是放置标签,它会说未定义 下面是直线图的代码 import React from 'react' import {Line} from 'react-chartjs-2' function LineChart(datasets) { const dataset = da
import React from 'react'
import {Line} from 'react-chartjs-2'
function LineChart(datasets) {
const dataset = datasets.data
return (
<div>
<Line
data={{
labels: dataset.map(data=> data.created_at),
datasets: [{
label: 'Weight',
data: dataset.map(data => data.weight),
backgroundColor: 'rgba(255, 99, 132, 0.2)',
borderWidth: 1,
borderColor: 'rgb(255, 99, 132)',
}]
}}
height = {200}
options = {{
resposive: true,
maintainAspectRatio: true,
scales: {
yAxes: [{
ticks: {
min: 0,
beginAtZero: true,
}
}]
}
}}
/>
</div>
)
}
export default LineChart
看起来您使用的是Chart.js版本3,其中scales选项的定义需要不同,请参见
哦,是的,非常感谢你。我们将研究文档。
options = {{
resposive: true,
maintainAspectRatio: true,
scales: {
y: {
beginAtZero: true
}
}
}}