server_table/src/ChartLoader.tsx

22 lines
629 B
TypeScript
Raw Normal View History

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() {
const colorMaps = this.props.colorMaps;
2018-07-01 14:12:00 +00:00
return (
2018-07-01 17:20:23 +00:00
<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>
);
})}
2018-07-01 14:12:00 +00:00
</Columns>
)
}
}