Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Chart.js线图y轴不从0开始_Reactjs_Chart.js - Fatal编程技术网

Reactjs Chart.js线图y轴不从0开始

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

这是我当前的线条图。x轴只是一个模拟数据,所以希望你们可以忽略使用的坏数据。正如你在y轴上看到的,它从60开始,这不是我想要的。我试过beginAtZero=true,但它不起作用。我也想删除标签的重量,但通过简单地删除而不是放置标签,它会说未定义

下面是直线图的代码

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          
    }
  }      
}}