Добавление линии в линейную диаграмму с другим ходом - PullRequest
0 голосов
/ 08 января 2019

Итак, я пытаюсь сравнить два разных набора данных в одном компоненте линейной диаграммы. Идея заключается в том, что, когда пользователь нажимает кнопку, на диаграмме под кнопкой добавляется новая строка под другим штрихом, чтобы позволить пользователю сравнивать данные с исходными данными. Когда кнопка нажата, новые данные помещаются в мою переменную dataPoints, которая структурирована следующим образом:

@observable dataPoints = [
    {
      name: "",
      data: [
              sentiment: "",
              tweet:"",
              date: ""
       ]
    }
  ];

В настоящее время я настроил мою линейную диаграмму так, чтобы в ней была строка, сопоставленная каждому индексу в хранилище dataPoints.

{this.store.dataPoints.map(s => (
          <Line
            data={s.data}
            name={s.name}
            key={s.name}
            type={this.store.lineType}
            dot={false}
            dataKey="sentiment"
            stroke="#8ab6fc"
          />
        ))}

Однако, это дает две линии с одинаковым штрихом. Есть предложения?

...