Ошибка «[Диаграмма слоев] Вы установили `yNice: true`, но у yScale нет метода `.nice`. Игнорирование..." ⇐ Javascript

[Anonymous]

При попытке воспроизвести изображение перфокарты из документации LayerChart я получаю следующий результат:


Демонстрация игровой площадки
[Layer Chart] You set `yNice: true` but the yScale does not have a `.nice` method. Ignoring...

Это ожидаемый результат:


Источник: https://www.layerchart.com/docs/examples/PunchCard

Чтобы поделиться своим мнением, я загружаю код на Стройная игровая площадка.

import { scaleBand,scaleLinear } from 'd3-scale';
import { range } from 'd3-array';
import { getDay, getWeek } from 'date-fns';

import { data } from './data';

import { Highlight, ScatterChart, Tooltip } from 'layerchart@next';
import { formatDate, PeriodType } from '@layerstack/utils';

const daysOfWeek = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];


getWeek(d.date)}
xScale={scaleBand()}
y={(d) => getDay(d.date)}
yScale={scaleBand()}
yDomain={range(7)}
r="value"
rRange={[0, 16]}
padding={{ left: 48, bottom: 16 }}
tooltip={{ mode: 'band' }}
props={{
xAxis: { format: (d) => 'Week ' + d },
yAxis: { format: (d) => daysOfWeek[d] },
rule: { x: true, y: false },
grid: { x: false, y: true, bandAlign: 'between' },
}}
>







{formatDate(data.date, PeriodType.Day)}









Подробнее здесь: https://stackoverflow.com/questions/798 ... ave-a-nice