0

我在使用 Nivo 折线图显示年度数据时遇到问题。

我有 2019 年、2020 年和 2021 年的数据，但不是 2019 年没有全年的数据。

当我尝试使用以下方法绘制它时：

        <ResponsiveLine
        data={data}
        margin={{ top: 50, right: 110, bottom: 150, left: 100 }}
        xScale={{ format: "%m", type: "time" }}
        xFormat="time:%m"
        yScale={{ type: 'point', min: 0, max: 'auto', stacked: true, reverse: false }}
        yFormat=" >-$0,.2f"
        axisTop={null}
        axisRight={null}
        axisBottom={{
            orient: 'bottom',
            tickSize: 5,
            tickPadding: 5,
            tickRotation: 0,
            legend: 'Month',
            legendOffset: 36,
            legendPosition: 'middle',
            format: "%b",
        }}

即使我将它设置为按年分开，它也会逐年显示它：

Javascript 对象

结果是这样的： 图表

我是否必须将数据设置为字符串类型而不是日期对象？

谢谢！

4

0 回答 0