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", "fileName": "data.csv",
"chartColumn": "age" "chartColumn": "age"
}, {
"fileName": "data.csv",
"chartColumn": "status"
}, {
"fileName": "data.csv",
"chartColumn": "status"
}, {
"fileName": "data.csv",
"chartColumn": "status"
} }
], ],
"colorMaps": { "colorMaps": {

View File

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