Итак, я пытаюсь сравнить два разных набора данных в одном компоненте линейной диаграммы. Идея заключается в том, что, когда пользователь нажимает кнопку, на диаграмме под кнопкой добавляется новая строка под другим штрихом, чтобы позволить пользователю сравнивать данные с исходными данными. Когда кнопка нажата, новые данные помещаются в мою переменную 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"
/>
))}
Однако, это дает две линии с одинаковым штрихом. Есть предложения?