add multiple lines if number of charts are more

master
Malar Kannan 2018-07-02 00:01:28 +05:30
parent 2dcb19c8ee
commit b02c090d03
2 changed files with 11 additions and 2 deletions

View File

@ -28,6 +28,15 @@
{
"fileName": "data.csv",
"chartColumn": "age"
}, {
"fileName": "data.csv",
"chartColumn": "status"
}, {
"fileName": "data.csv",
"chartColumn": "status"
}, {
"fileName": "data.csv",
"chartColumn": "status"
}
],
"colorMaps": {

View File

@ -6,11 +6,11 @@ export default class ChartLoader extends React.Component<any, any> {
public render() {
const colorMaps = this.props.colorMaps;
return (
<Columns isCentered={true}>
<Columns isCentered={true} isMultiline={true}>
{this.props.chartList.map((o: any, i: number) => {
const colorMap = colorMaps[o.chartColumn];
return (
<Column key={i} isSize={3}>
<Column key={i} isSize={4}>
<Chart csvFile={o.fileName} chartColumn={o.chartColumn} colorMap={colorMap} />
</Column>
);