Блог

У меня возникла проблема с отображением данных за год с использованием линейных диаграмм 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

Это выглядит так: Диаграмма

Должен ли я присваивать данным строковый тип вместо объекта даты?

Спасибо!