Как добавить точки данных в Recharts LineChart одну за другой вместо пакетной загрузки? - PullRequest
Новая
       7

Как добавить точки данных в Recharts LineChart одну за другой вместо пакетной загрузки?

0 голосов
/ 28 декабря 2018

Как я могу добавить точки данных к Перечислениям LineChart одна за другой?Я попытался найти пример в документации Recharts, но мне не удалось это сделать.

Давайте рассмотрим этот фрагмент кода: 

const {LineChart, Line} = Recharts;
const data = [
      {name: 'Page A', pv: 2400},
      {name: 'Page B', pv: 1398},
      {name: 'Page C', pv: 9800}
];
const TinyLineChart = React.createClass({
    render () {
    return (
        <LineChart width={300} height={100} data={data}>
        <Line type='monotone' dataKey='pv' stroke='#8884d8' strokeWidth={1} />
      </LineChart>
    );
  }
})

ReactDOM.render(
  <TinyLineChart />,
  document.getElementById('container')
);

Все три точки данных нарисованы одновременно.Какое свойство LineChart я должен использовать, чтобы добавлять очки по одному?

Каждый раз, когда добавляется новая точка, ранее добавленные точки не должны быть удалены! Возможно ли это?

...