Перечеты устанавливают основание значения оси Y отображаемого числа.

Question

Привет. Я пытаюсь использовать Recharts для отображения некоторых данных, но столкнулся с проблемой. Числа, которые я привязываю к отображению, слишком велики, и моя ось Y обрезается веб-страницей. Являются ли они способом установки или настройки значений оси Y для отображения 10K, 10M и т. Д. Вместо 10 000 и 10 000 000 в зависимости от данных?

Answer 1

Невозможно, чтобы ось Y делала это автоматически, но если ваши данные вводятся в повторные диаграммы в виде целых чисел, вы можете добавить tickFormatter на вкладку оси Y.Вы можете задать tickFormatter для функции, которая принимает 1 переменную, которая будет тиковым значением оси Y (как целое число), и возвращает число в нужном вам формате.

эта функция принимаетось Y в виде целого числа и возвращает его в виде строки

const DataFormater = (number) => {
  if(number > 1000000000){
    return (number/1000000000).toString() + 'B';
  }else if(number > 1000000){
    return (number/1000000).toString() + 'M';
  }else if(number > 1000){
    return (number/1000).toString() + 'K';
  }else{
    return number.toString();
  }
}

на диаграмме области <YAxis tickFormatter={DataFormater}/>