0

我正在使用 react-chartjs-2 在我的反应应用程序上构建图表。我设置了选项并做了一切。但是当应用程序运行时，图表开始垂直拉伸，我必须停止服务器。

在这里我设置了一个选项对象

const options = {
    maintainAspectRatio: false,
    legend: {
        display: false,
    },
    elements: {
        point: {
        radius: 0,
    },
},
    tooltips: {
        mode: "index",
        intersect: false,
        callbacks: {
            label: function(tooltipItem, data){
                return numeral(tooltipItem.value).format("+0,0");
            },
        },
    },
    scales: {
        xAxes: [
            {
                type: "time",
                time: {
                    format: "MM/DD/YY",
                    tooltipFormat: "ll",
                },
            },
        ],
        yAxes: [
            {
                gridLines: {
                    display: false,
                },
                ticks: {
                    callback: function(value, index, values){
                        return numeral(value).format("0a");
                    },
                },
            },
        ],
    },

};

然后像这样将它传递给这里的属性

 <Line options={options}
                 width={100}
                 height={50}
                 data={{
                    datasets: [
                        {backgroundColor: "rgba(204, 16, 52, 0.5)", borderColor:"#cc1034", 
                       data: data}
                    ],
                }}/>
4

0 回答 0