reactjs - 为什么“min”和“max”属性不会影响反应图表的垂直轴？

Question

我正在尝试使用 ReactJs 应用程序中的“react-charts”存储库绘制折线图。不幸的是，我找不到此存储库的文档，只有示例。我知道它是基于 ChartJs 的，我举了一个例子并添加了“min”和“max”属性，但它不起作用。我的 TestC.js 文件：

import React from 'react'
import { Chart } from 'react-charts'

export default function TestC() {
    
    const data = React.useMemo(
        () => [
          {
            label: 'Series 1',
            data: [["2018", 6], ["2019", 7], ["2020", 8], ["2021", 6], ["2022", 6]]
          },
        ],
        []
      );
     
    const axes = React
    .useMemo(
    () => [
        { primary: true, type: 'ordinal', position: 'bottom' },
        { type: 'linear', position: 'left', min: 4, max: 10}
    ],
    []
    );
     

    return (
        <div
            style={{
            width: '400px',
            height: '300px'
            }}
        >
            <Chart data={data} axes={axes} />
        </div>
    )
}

 
 

结果是：

轴从 6 开始，以 8 结束，根据 DATA 的范围而不是根据“min”和“max”属性。

Answer 1

尝试使用 base:4 设置最小值，最大值我仍在调查

const axes = React
.useMemo(
() => [
    { primary: true, type: 'ordinal', position: 'bottom' },
    { type: 'linear', position: 'left', base: 4}
],
);