Как сделать несколько компонентов "vis-реагировать" в реагировать JS - PullRequest
0 голосов
/ 27 ноября 2018

Я хочу отобразить несколько топологий, используя vis-react компонент, используя реагировать js.
Есть предложения, как поступить?Я использую ES6

1 Ответ

0 голосов
/ 27 ноября 2018

если у вас есть массив, который вы хотите заполнить данными диаграммы его элементами, вы можете сделать это

    render() {
        let counter = 0;
        const items= this.props.data.map(item => {
            return (
                <XYPlot
                    width={300}
                    height={300}>
                    <HorizontalGridLines />
                    <LineSeries data={[item.data]}/>
                    <XAxis />
                    <YAxis />
                </XYPlot>
                )
            })

            return (
                <div>
                    {items}
                </div>
            )
        }

если у вас есть другие источники, вы должны установить его вручную следующим образом:

  render() {
      return (
          <XYPlot key='1'
              width={300}
              height={300}>
                  <HorizontalGridLines />
                  <LineSeries
                      data={[
                        {x: 1, y: 10},
                        {x: 2, y: 5},
                        {x: 3, y: 15}
                      ]}/>
                  <XAxis />
                  <YAxis />
            </XYPlot>

            <XYPlot key = '2'
               width={300}
               height={300}>
               <HorizontalGridLines />
               <LineSeries
                   data={[
                      {x: 1, y: 10},
                      {x: 2, y: 5},
                      {x: 3, y: 15}
                   ]}/>
              <XAxis />
              <YAxis />
            </XYPlot>
            )
        }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...