2018-07-01 14:12:00 +00:00
|
|
|
import * as React from 'react';
|
|
|
|
|
import { Columns, Column } from 'bloomer';
|
|
|
|
|
import { Chart } from './Chart';
|
|
|
|
|
|
|
|
|
|
export default class ChartLoader extends React.Component<any, any> {
|
|
|
|
|
public render() {
|
2018-07-01 16:41:00 +00:00
|
|
|
const colorMaps = this.props.colorMaps;
|
2018-07-01 14:12:00 +00:00
|
|
|
return (
|
|
|
|
|
<Columns>
|
2018-07-01 16:41:00 +00:00
|
|
|
{this.props.chartList.map((o: any, i: number) => {
|
|
|
|
|
const colorMap = colorMaps[o.chartColumn];
|
|
|
|
|
return (
|
|
|
|
|
<Column key={i} isSize={3}>
|
|
|
|
|
<Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
|
|
|
|
|
</Column>
|
|
|
|
|
);
|
2018-07-01 17:16:47 +00:00
|
|
|
})}
|
2018-07-01 14:12:00 +00:00
|
|
|
</Columns>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
}
|