Recharts - Как не интерполировать значения Area Chart - PullRequest
Новая
       0

Recharts - Как не интерполировать значения Area Chart

0 голосов
/ 14 марта 2020

Привет, я столкнулся с проблемой с библиотекой Recharts.

Мой набор данных отображается как зеленый и голубой с накоплением Элементы диаграммы области заканчиваются значением Xaxis = 03, но элемент диаграммы области интерполируется для значений Xaxis 03 - 04.

Знаете ли вы, как мне удается просто завершить элементы этих диаграмм области на 03 (просто удалить деталь, отображаемую в красном треугольнике).

Я попытался указать 0 и ноль значения и удаление ключей данных для записей данных, где нет соответствующих данных

Пример отдельного элемента диаграммы области: 


<Area
  dataKey="claims_closed_volume"
  stackId="1"
  fill="#52C41A"
/>

enter image description here

1 Ответ

0 голосов
/ 14 марта 2020

Если я правильно понимаю, вы захотите добавить компонент XAxis в качестве родственного элемента к вашему Area компоненту. Компонент XAxis имеет свойство domain, с помощью которого вы можете определить диапазон значений для представления.

XAxis | Recharts - Проверьте документы!

Пример кода: 

<AreaChart width={500) height={200} data={data}>
  <Area
    dataKey="claims_closed_volume"
    stackId="1"
    fill="#52C41A"
  />
  <XAxis type="number" domain={[0, 3]} />
</AreaChart>
...