22 lines
629 B
TypeScript
22 lines
629 B
TypeScript
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() {
|
|
const colorMaps = this.props.colorMaps;
|
|
return (
|
|
<Columns isCentered={true}>
|
|
{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>
|
|
);
|
|
})}
|
|
</Columns>
|
|
)
|
|
}
|
|
}
|