Recharts ComposedChart с несколькими наборами данных? - PullRequest
Новая
       13

Recharts ComposedChart с несколькими наборами данных?

0 голосов
/ 08 января 2019

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

Например, я хочу, чтобы каждый Бар получал значение из data.points, но Линии получали свое значение из массива объектов, data.content.

Существует разница в двух наборах данных, хотя они оба являются временными рядами.

Пример формы данных: 

const data = {
    points: [{
        value: 80,
        timestamp: 2010-01-09
    }],
    content: [{
        date_posted: 2010-01-10,
        content_id: 'xewr23r3g29w0'   
    }]
}

Смогу ли я использовать эти наборы данных отдельно для каждого компонента диаграммы, или мне нужно циклически перебирать данные и каким-то образом нормализовать их?

Также для справки приведен мой код для экземпляра ComposedChart. 

<ComposedChart width={600} height={400} data={data} margin={margin} legendType="circle">
  <CartesianGrid strokeDasharray="3 3" />
  <XAxis dataKey="timestamp" tickFormatter={this.formatDate} height={40} />
  <YAxis />
  <Legend iconType="circle" />
  <Bar dataKey="content_id" barSize={20} fill="#413ea0" />
  <Line name="Selected Period" type="monotone" dataKey="value" stroke={colors.blue} />
</ComposedChart>
...