Реагировать на масштабирование по оси y

#d3.js #react-vis

#d3.js #реагирование по оси

Вопрос:

У меня есть гистограмма в компоненте react-vis. Я разрешаю react-vis вычислять ось y, но, похоже, она никогда не доходит до конца полного диапазона значений y.

Например…

Это то, что я получаю по умолчанию..,

введите описание изображения здесь

Чего я хочу добиться, так это чего-то подобного…

введите описание изображения здесь

Я могу получить то, что хочу, изменив одну строку в node_modules/d3-array/src/ticks.js .

Если я изменю эту строку…

 while (  i < n) ticks[i] = (start   i) * step;
 

Для

 while (  i <= n) ticks[i] = (start   i) * step;
 

затем генерируется 1 дополнительное значение тика, и с помощью CSS я могу сделать его видимым, что удовлетворяет моим требованиям. Я не хочу редактировать исходный код здесь.

Кто-нибудь знает другой способ добиться того же результата?

Ответ №1:

Для родительского компонента XYPlot вы можете управлять диапазоном отображаемого с помощью yDomain .

Для вашего примера попробуйте что-то вроде: yDomain={[0, MaxValue * 1.25]}