图表 beginAtZero: true, min:0 和 title:“分钟”不起作用

Question

我希望我的反应图表中的 Y 轴从 0 开始，我一直在尝试很多解决方案，例如 beginAtZero: true 和 min:0 但不起作用。

import React, { Component } from 'react';

// Documentation https://www.npmjs.com/package/react-charts
import { Chart } from 'react-charts';

我还想向 X 轴添加标题标题：分钟也不起作用，这是代码：

MyChart = () => {
    this.componentRef = React.createRef();
    if (this.state.selectedDocumentContent !== undefined) {
        const content = this.state.selectedDocumentContent;
        const firstTimeStamp = this.toTimestampSeconds(content.time);
        const metricKeys = Object.keys(content.metrics);
        var data = [];
        for (var i = 1; i < metricKeys.length-1; i++) {
            const entries = content.metrics[metricKeys[i]];
            var metricData = [];
            for (var j = 0; j < entries.length; j++) {
                let entry = entries[j];
                let timestamp = this.toTimestampSeconds(entry.time);
                metricData.push([timestamp - firstTimeStamp, entry.value]);
            }
            data.push({ label: metricKeys[i], data: metricData })
        }

        const axes = [
            { primary: true, type: 'linear', position: 'bottom', title: 'minutes' }, //x
            { type: 'linear', position: 'left', options: {
                scales: {
                    yAxes: [{
                        display: true,
                        ticks: {
                            beginAtZero: true,
                            min:0
                        }
                    }]
                }} //y
            }
        ];


        const lineChart = (
            // A react-chart hyper-responsively and continuously fills the available
            // space of its parent element automatically
            
            <div
                style={{
                    margin: '30px',
                    width: '600px',
                    height: '400px'
                }}
            >
                <Chart data={data} axes={axes} tooltip/>
            </div>
        )
        return lineChart;
    }
}

我正在使用此图表： https://www.npmjs.com/package/react-charts “反应图表”：“^2.0.0-beta.7”。

Answer 1

固定的！我几乎对此感到疯狂，我用 base:0 解决了它。

 const axes = [
            { primary: true, type: 'linear', position: 'bottom'}, //x
            { type: 'linear', position: 'left', base: 0}  //y
        ];

仍然没有解决标题问题......继续调查......
有人知道如何设置最大值吗？ （最大：X，不起作用）